[Swift]CollectionViewに複数設置したCellをセンタリングして止まるように制御するには

Question

ViewController内に設置したCollectionViewに丁度3個収まるサイズのセルを13個設定しています。スワイプ時にセルがセンタリングして止まるように制御するにはどうすれば良いのでしょうか？色々とググっているのですが思うような情報にたどり着けず困っております。

StoryBoardのAttributeInspectorでPagingEnabledにチェックを入れるとCollectionViewが1ページずつセンタリングして止まるのですが、1ページに3個セルがあるのでそれぞれのセルがセンタリングして止まるようにしたいのです。

現在、セルのデータを格納したNSObjectが親のクラス、セル内の画像等を接続したUICollectionViewCellが親のクラス、ViewControllerはUICollectionViewDataSourceとUICollectionViewDelegateを継承して実装しており、とりあえず表示はされています。

Gitに公開されている
https://github.com/lukagabric/LGLinearFlow/blob/master/LGLinearFlowViewSwift/Classes/ViewController.swift
が非常に自分のやりたいことの感じなのですが、Swiftの知識が乏しいこともありよく理解できず・・・何卒、ご教授お願いしますm(_ _)m

Answer 1

CollectionViewCellのマージンは無しで考えていますが、以下のようにすることでセルを中心に配置できました、お試しください。

import UIKit

class ViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate {
    
    @IBOutlet weak var collectionView: UICollectionView!
    
    var cellWidth: CGFloat = UIScreen.mainScreen().bounds.width / 3
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
    }
    
    // MARK: - UICollectionViewDelegate
    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCellWithReuseIdentifier("Cell", forIndexPath: indexPath) as! CustomCell
        cell.imageView.image = UIImage(named: "swift")
        cell.backgroundColor = UIColor.yellowColor()
        return cell
    }
    
    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 13
    }
    
    // Cell Size Change
    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
        return CGSizeMake(cellWidth, 150)
    }
    
    func scrollViewWillEndDragging(scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
        
        targetContentOffset.memory.x = round(targetContentOffset.memory.x / cellWidth) * cellWidth
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

// Custom Cell Class
import UIKit

class CustomCell: UICollectionViewCell {
    @IBOutlet weak var imageView: UIImageView!
}

Comments

[k.has]

_Kentarouさん
ありがとうございます！！！
思ったように動くようになりましたm(_ _)m