21
19

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

UICollectionViewのDataSourceとDelegateをControllerと別のファイルに記述する

Posted at

#経緯
UICollectionViewを1つのControllerの中で2つ使いたい機会があって調べ始めた。
タグを設定するという方法も出来そうであったがゴチャゴチャしそうだったのでファイルを分ける方向にした。
1つの時でもDataSourceとDelegateはそこそこ長いので、別ファイルにすると、Controllerがスッキリする!
TableViewやObjective-Cでのサンプルはいくつかみつけたが、
CollectionViewのSwiftでのサンプルが少なかったので単純なサンプルを残しておく・x・っ

#ファイル
ViewController.swift:コントローラー
↓呼び出し
UsagiConfig.swift:DataSourceとDelegate
↓呼び出し
CustomUsagiCell.swift:セルの定義

#補足
この呼び出し方を複数にすれば、1つのControllerの中で複数のUICollectionViewを使うことができる。
DataSourceとDelegateを入れておくファイル名に悩んだ!
なにかもっとしっくりくる名前はないだろうか・x・・・
CollectionViewの設定はStoryBoardでしてます。

#コード

ViewController.swift
import UIKit

class ViewController: UIViewController {

    var usagiConfig:UsagiConfig?
    
    @IBOutlet weak var usagiCollectionView: UICollectionView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // create Usagi
        var items:Array<String> = []
        for ( var i = 1, n = 20 ; i <= n ; i++ ) {
            items.append("Usagi"+i.description)
        }
        
        // set Usagi List
        self.usagiConfig = UsagiConfig(items: items)
        self.usagiCollectionView.dataSource = self.usagiConfig
        self.usagiCollectionView.delegate = self.usagiConfig
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

}
UsagiConfig.swift
import UIKit

class UsagiConfig: NSObject, UICollectionViewDataSource, UICollectionViewDelegate {
    
    var items:Array<String> = []
    
    init(items: Array<String>) {
        self.items = items
        super.init()
    }
    
    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        let cell:CustomUsagiCell = collectionView.dequeueReusableCellWithReuseIdentifier("Cell", forIndexPath: indexPath) as! CustomUsagiCell
        
        // set Name
        cell.name.text = self.items[indexPath.row];
        
        return cell
    }
    
    func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
        return 1
    }
    
    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return self.items.count;
    }
}
CustomUsagiCell.swift
import UIKit

class CustomUsagiCell: UICollectionViewCell {
    @IBOutlet var name:UILabel!
}

#出力結果
usagicell.png

21
19
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
21
19

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?