UIcollectionViewのCustomCellでnil

Question

swift入門者です．
自分で定義したCellをUIcollectionViewで使用したいのですが，うまくいきません．

import UIKit

class ItemListViewController: UIViewController,UICollectionViewDataSource,UICollectionViewDelegate,UICollectionViewDelegateFlowLayout {
	
	@IBOutlet weak var collectionView: UICollectionView!
	
	override func viewDidLoad() {
		super.viewDidLoad()
		// Do any additional setup after loading the view, typically from a nib.
		collectionView.backgroundColor = UIColor(red: 238.0/255, green: 238.0/255, blue: 238.0/255, alpha: 238.0/255)
		
		collectionView.registerClass(ItemCell.self, forCellWithReuseIdentifier: "cell")
		view.addSubview(collectionView)
	}

	override func didReceiveMemoryWarning() {
		super.didReceiveMemoryWarning()
		// Dispose of any resources that can be recreated.
	}

	// MARK: - UICollectionViewDelegate Protocol
	func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
		let cell:ItemCell = collectionView.dequeueReusableCellWithReuseIdentifier("cell", forIndexPath: indexPath) as! ItemCell

    //title, image, numberともにnilとなってしまい，データをセットできない
		cell.title?.text = "いちご" 
		cell.image?.image = UIImage(named: "pic/ichigo.png")
		cell.backgroundColor = UIColor.whiteColor()
		cell.number?.text = ""
		cell.number?.backgroundColor = UIColor.clearColor()
		
		return cell
	}
	
	// Screenサイズに応じたセルサイズを返す
	// UICollectionViewDelegateFlowLayoutの設定が必要
	func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
		let space:Int = 5
		let stepperSize:Int = 29
		let cellSizeWidth:CGFloat = (self.view.frame.size.width - CGFloat(space) * 3) / 2
		let cellSizeHeight:CGFloat = cellSizeWidth + CGFloat(stepperSize)
		return CGSizeMake(cellSizeWidth, cellSizeHeight)
	}
	
	func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
		return 1
	}
 
	func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
		return 20;
	}
}

import UIKit

class ItemCell: UICollectionViewCell {
	
	@IBOutlet weak var title: UILabel!
	@IBOutlet weak var image: UIImageView!
	@IBOutlet weak var number: UILabel!
	
	//商品の個数をステッパーで変更
	@IBAction func changedStepperValue(sender: UIStepper) {
		let num = Int(sender.value)
		//ラベルに表示
		let gray = UIColor.grayColor()
		number.backgroundColor = gray.colorWithAlphaComponent(0.6)
		number.textColor = UIColor.whiteColor()
		number.text = String(num)
		
		//0の時は表示しない
		if num == 0 {
			number.text = ""
			number.backgroundColor = UIColor.clearColor()
		}
		
	}
	override init(frame: CGRect){
		super.init(frame: frame)
	}
	required init?(coder aDecoder: NSCoder){
		super.init(coder: aDecoder)
	}
	
}

ItemListViewController内でcellのデータをセットしたいのですが，
cell.title?.text = "いちご"の行では，titleが何故かnilのため，
実行しても，真っ白のcellが20個並ぶだけで，LabelやImageが反映されません．
CollectionReusableViewのIdentifierも"cell"と設定してあります．
outlet接続は何度も見なおしたのですが，原因がわからないので質問させていただきました．
よろしくお願いいたします．

Answer 1

カスタムセルはどうやって定義していますか?

Storyboardでカスタムセルを定義しているのであれば、
collectionView.registerClass(ItemCell.self, forCellWithReuseIdentifier: "cell")
は不要ですので削除してください。

registerClass()は、カスタムセルをコードで定義する時に使用します。
現在のコードはregisterClass()を使用しているのにinit(frame: CGRect)の中で何も部品を作成してないので、titleがnilのままとなります。Storyboardでカスタムセルを定義しているのであれば、registerClass()を削除することで 自動的にカスタムセルの部品が読み込まれるようになります。

もしカスタムセルをxibファイルで定義しているのであれば、registerClass()ではなくregisterNib()を使用して、指定のxibファイルが読み込まれるようにしてください。

---

(4/25 3:40追記)
ついでに指摘しておくと、おそらく
view.addSubview(collectionView)
も不要だと思います。
collectionViewをStoryboardでビューコントローラーの中に定義しているのであれば、これも自動的にaddSubViewされます。

Comments

[mk_mkee]

ありがとうございます！
ご指摘の通り，カスタムセルをxibで定義していたため，registerNib()を使用した結果，
正常にセルの内容が表示されました．
お手数をお掛けしました．