UICollectionView

UICollectionViewとは

UICollectionViewはアマゾンの商品検索結果のページのように、縦横に整列させてセルを表示させるのに使われます。

目次

UICollectionViewを表示するには以下の手順を踏めばできます。

UICollectionViewを表示したい画面のxibファイルにUICollectionViewを設置する



設置したUICollectionViewのAutoLayoutを設定する

こちらに関してはAutolayoutを参照

ソースコードで定義したUICollectionView型のオブジェクトと結びつける

ソースコード上の定義 xibファイル上の操作


デリゲートメソッドを使用してセルを表示の設定を行う


実行結果


自分で独自のセルを作成し、表示する

新たにCollectionViewCellクラスを作成します。
時には、画像をいれたい、アマゾンのように画像の下に商品名などを記載したい場合もあるでしょう。
その場合は、UICollectionViewCellを使用します。
xibファイル、ファイル構成は今のような状態です。


実行結果