Custom tableViewCellの作り方

目的:

　CustomでtableViewCellをStoryboardと協調して作成する際の自分なりの方法を説明する

環境:

　Xcode Version 6.1.1

実装方針:

　Debugのしやすさや見た目でのバランスを確認しながら実装したいので、私はStoryboardを使用しています。tableViewCellを配置してそこに以下のもののをのっけってTagナンバー付けています。

Tag Number	UI	目的
1	imageView	itemのimage表示
2	textLabel	itemの名前表示
3	textView	itemの詳細説明用

tableViewのDelegate内では以下のようにcellを渡すとします。

sample.swift

func tableView(
	tableView: UITableView, 
	cellForRowAtIndexPath 
	indexPath: NSIndexPath) -> UITableViewCell {

	var cell = tableView.dequeueReusableCellWithIdentifier("Cell") as UITableViewCell
	let shop = self.shops[indexPath.row]
	ShopTableViewCell(cell: cell, cellDataSource: shop)
        
	return cell
}

事前にcellに表示したい情報等をshops配列に準備しています。それをcellDataSourceとして
自作したShopTableViewCellに渡しています。そのあとはShopTableViewCellないで表示等の処理をしています。

ソースコードと詳細説明

　具体的にShopTableViewCellの中身を示します。

ShopTableViewCell.swift

import UIKit


class ShopTableViewCell: UITableViewCell {
    // --- Properties ---
    // MARK: Properties
    private var cell:UITableViewCell!
    private var shop:Shop!
    
    // --- Initializer ---
    // MARK: Initializer
    override init() {
        super.init()
    }
    init(cell name:UITableViewCell, cellDataSource:Shop){
        super.init()
        self.cell = name
        self.shop = cellDataSource
        self.setupTableCell()
    }
	// required initializer
    required init(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    override init(frame: CGRect) {
        super.init(frame: frame)
    }
    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
    }
    
    // --- methods ---
    // MARK: methods
    private func setupTableCell(){
        var image = self.cell.viewWithTag(1) as UIImageView
        var shopname = self.cell.viewWithTag(2) as UILabel
        var comment = self.cell.viewWithTag(3) as UITextView
        
        // --- setup shopname
        shopname.text = self.shop.name
        
        // --- setup cell imageView
        var q_global = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0)
        var q_main = dispatch_get_main_queue()
        
        dispatch_async(q_global, { () -> Void in
            let url = self.shop.imageURLs[0]
            let data = NSData(contentsOfURL: NSURL(string: url)!)
            let imageData = UIImage(data: data!)
            
            dispatch_async(q_main, { () -> Void in
                image.contentMode = UIViewContentMode.ScaleAspectFit
                image.image = imageData!
            })
        })
    }
}

swiftから導入されたinitで、propertyの初期化だけでなくcellのsetupまでを実施しています。cellのsetupは別途setupTableCell()を定義しています。setupTableCell()内では事前につけていたtagを識別子として変数を作っています。

self.cell.viewWithTag(1) as UIImageView

のあたりです。
あと今回使用した特徴はinit内でMethodを呼ぶようにしたポイントです。objectが生成された時点ですべてのsetupが終了します。