Swiftで画像を３〜４枚毎に横並びにする方法

Swiftで画像＋テキストのような１セットを３〜４つ横に並べてスクロールできるようにしたいです。
UITableViewとかで横幅調整すればできるのかなと思っていましたがそのようなことはできずどのようにしたらいいか分からなくなってしまいました。
UIcollectionViewでも似たようなのが出来そうですが、試していないです
「なにを使用するのか」とかどなたかがgithubにあげていればそのURLなども欲しいです

お願いします

イメージとしては
pairsのこのような画面
 filmarksのこのような画面

求めているのはfilmarksのような感じです。
下へスクロールが出来、３〜４枚横並びでという感じです

行動規範の内容に同意します

回答1件

ベストアンサー

こんにちは。

ご想像のとおり、「UICollectionView」を使います。

下記に簡単なソースコードとシミュレータのスクリーンショットを添付させていただきます。

lang
1import UIKit
2
3class ViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource {
4    
5    var myCollectionView : UICollectionView!
6    
7    override func viewDidLoad() {
8        super.viewDidLoad()
9        
10        // CollectionViewのレイアウトを生成
11        let layout = UICollectionViewFlowLayout()
12        
13        // Cellひとつの大きさを設定 （お好みで……）
14        layout.itemSize = CGSizeMake(105, 150)
15        
16        // Cellのマージンを設定 （お好みで……）
17        layout.sectionInset = UIEdgeInsetsMake(10, 10, 20, 10)
18        
19        // セクションごとのヘッダーサイズを設定 （お好みで……）
20        layout.headerReferenceSize = CGSizeMake(210,30)
21        
22        // CollectionViewを生成
23        myCollectionView = UICollectionView(frame: self.view.frame, collectionViewLayout: layout)
24        
25        // Cellに使用されるクラスを登録
26        myCollectionView.registerClass(UICollectionViewCell.self, forCellWithReuseIdentifier: "MyCell")
27        
28        myCollectionView.delegate = self
29        myCollectionView.dataSource = self
30        
31        self.view.addSubview(myCollectionView)
32        
33    }
34    
35    /*
36    Cellが選択された際に呼び出される挙動
37    */
38    func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath) {
39        
40        println("Num: \(indexPath.row)")
41        println("Value:\(collectionView)")
42        
43    }
44    
45    /*
46    Cellの総数を返す
47    */
48    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
49        return 100
50    }
51    
52    /*
53    Cellの値を設定
54    */
55    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
56        
57        let cell : UICollectionViewCell = collectionView.dequeueReusableCellWithReuseIdentifier("MyCell",
58            forIndexPath: indexPath) as UICollectionViewCell
59        
60        cell.backgroundColor = UIColor.cyanColor()
61        return cell
62    }
63    
64}