ささお0今回はUICollectionViewControllerの使い方をメモしていきます。共有:UICollectionViewControllerとはアルバムアプリがUICollectionViewControllerをもっとも意識しやすいと思います。四角い枠が画面内にいっぱいに敷き詰められていてる状態です。それがUICollectionViewControllerです。あとはFacebookのタイムラインで出て来る『知り合いかも』の欄です。横スクロールしますが、あれもUICollectionViewControllerで実装できます。横や数列のリスト形式のものを実装できることがUICollectionViewControllerの特徴です。20個以上アプリをつくりプロになるUICollectionViewControllerの実装の流れまずはStoryboardを開き、デフォルトのUIViewControllerは捨てて、UICollectionViewControllerを配置しましょう。Controllerにも忘れずにチェックを!)そして、セルにIdentifierを設定します。選択した状態で、Identifierを『cell』に設定。次にStoryboardに置いたUICollectionViewControllerに対応したファイルを作成します。次にClass名は『CollectionViewController』SubClass名は『UICollectionViewController』に設定。するとこのようなファイルが作成されるかと思います。{}*/}めちゃくちゃ長いですねー、コメントアウトされている部分のすごく多いです。一般的によく使用されるであろうメソッドを勝手に書いてくれているんですよね。Xcodeは本当に優秀です。今回使うのはこの半分くらいです。笑さっと編集していきます。編集ポイントは二つです。identifierを”Cell”から”cell”に変更。cell}}ここでStoryboardに戻りましょう。CollectionViewController.swiftをStoryboard上のUICollectionViewControllerに対応させましょう。ここでひとまず完成です!RUNしましょう。上から見ていきましょう。register実はこれ必要ありません!xibファイルを使用してUICollectionViewCellをカスタマイズする際に必要になります。numberOfSectionsこれはセクションの数を決めるメソッドです。戻り値に数を指定します。セクションとは、セルをまとめる大枠です。今回は1に設定しているのでセクションを感じませんが、2、3と増やしてみるとわかりやすいです!numberOfItemsInSectionこれはセルの数を決めているメソッドです。戻り値に数を指定します。今回は100に設定しました。大きな数を設定すると、画面からはみ出ますが、スクロール機能がデフォルトでついています。cellForItemAtおそらくこれが一番の難所です。ここでは、セルに表示する内容を決めています。画像や、文字なんかもここで設定します。indexPath)ここですね。シンプルに考えましょう。ここでは、Storyboardで指定したidentifier『cell』をwithReuseIdentifierに設定します。indexPath)と書くことも可能です。基礎Swiftささお3年目iOSエンジニア。スタートアップで働いておりやす。プログラミングスクールとエンジニアのキャリアを考えたい。*メールアドレス(公開はされません。簡単な自己紹介ささお2年目のiOSアプリエンジニア。プログラミングスクールに通い、プログラミングスクールで講師を経験したのち、スタートアップに就職。プログラミングスクールとエンジニアのキャリアを考えたい。普段は渋谷あたりにいます。教育に興味があります。キャリアを考えないとなぁ。ささおのTwitter初めてのフリーランスにポテパンは登録がとにかく楽。ほんとに”魅力的なお仕事が多数”かは知らないけど、最初にごちゃごちゃ記入させない感じが好き。