SwiftでUICollectionViewを使用するにはどうすればよいですか？

コレクションビューをすばやく使用するには、まずコレクションビューを作成する必要があります。ストーリーボードにドラッグアンドドロップするか、プログラムで作成することができます。その後、UICollectionViewDataSourceとUICollectionViewDelegateに対してクラスを確認する必要があります。また、カスタムのセルサイズとレイアウトが必要な場合は、UICollectionViewDelegateFlowLayoutで確認する必要があります。

プログラムでコレクションビューを作成するために必要な手順を見てみましょう。

func initCollection() {
   let layout = UICollectionViewFlowLayout()
   layout.itemSize = CGSize(width: 50, height: 50)
   let collection = UICollectionView.init(frame: self.view.frame, collectionViewLayout: layout)
   collection.dataSource = self
   collection.delegate = self
   collection.backgroundColor = colorLiteral(red: 0.3411764801, green: 0.6235294342, blue: 0.1686274558, alpha: 1)
   collection.register(UICollectionViewCell.self, forCellWithReuseIdentifier: "cell")
   self.view.addSubview(collection)
}

ViewDidLoad（）メソッドで上記の関数を呼び出す必要があります。プログラムでコレクションを作成する場合でも、ストーリーボードを使用してコレクションを作成する場合でも、データソースを割り当て、データをテーブルに渡すように委任し、それぞれのアクションを観察する必要があります。

次に、コレクションにセクションの数を指定する必要があります-

func numberOfSections(in collectionView: UICollectionView) -> Int {
   return 1
}

その後、アイテムの数と、セルに存在する必要のあるデータを指定する必要があります。

func collectionView(_ collection: UICollectionView, numberOfItemsInSection section: Int) -> Int {
   return 7
}
func collectionView(_ collection: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
   let cell = collection.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath)
   cell.layer.backgroundColor = colorLiteral(red: 0.4392156899, green: 0.01176470611, blue: 0.1921568662, alpha: 1)
   return cell
}

オプションで、要件に応じて異なるサイズを指定できます。

func collectionView(_ collection: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
   let size = CGSize(width: 200, height: 50)
   return size
}

上記のコードをデバイスで実行すると、これが生成される結果になります。