CollectionViewの実装の仕方がわかりません。

Question

前提・実現したいこと

collectionViewで画像を表示させたいです。

https://i-app-tec.com/ios/collectionview.html
こちらのサイトを参考にしてcollectionViewを実装しようとしたのですが、うまくいきません。他のサイトを調べてみたところ、SecondViewController？別のファイルにメゾッドを書く必要があるといったような情報もあり、混乱しています。
この参考にしたサイトではimageViewやlabelのOutletが無いと思ったのですが、タグをつけることで解決しているのでしょうか？
画像は全部で4つ、2xのところにそれぞれ配置しています。

疑問がたくさんあり、申し訳ありません。めちゃくちゃな質問かもしれませんが、どなたか分かる方がいましたら、よろしくお願いします。

発生している問題・エラーメッセージ

Thread 1: Exception: "-[TimerBotton.ViewController collectionView:numberOfItemsInSection:]: unrecognized selector sent to instance 0x7fa672408540"

該当のソースコード

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var collection: UICollectionView!
    
       // サムネイル画像の名前
       let photos = ["1x", "2x","3x","4x"]
       
       override func viewDidLoad() {
           super.viewDidLoad()
       }
       
       func collectionView(_ collectionView: UICollectionView,
                           cellForItemAt indexPath: IndexPath) -> UICollectionViewCell{
           
           // "Cell" はストーリーボードで設定したセルのID
           let testCell:UICollectionViewCell =
               collectionView.dequeueReusableCell(withReuseIdentifier: "Cell",
                                                  for: indexPath)
           
           // Tag番号を使ってImageViewのインスタンス生成
           let imageView = testCell.contentView.viewWithTag(1) as! UIImageView
           // 画像配列の番号で指定された要素の名前の画像をUIImageとする
           let cellImage = UIImage(named: photos[indexPath.row])
           // UIImageをUIImageViewのimageとして設定
           imageView.image = cellImage
           
           // Tag番号を使ってLabelのインスタンス生成
           let label = testCell.contentView.viewWithTag(2) as! UILabel
           label.text = photos[indexPath.row]
           
           return testCell
       }
       
       func numberOfSections(in collectionView: UICollectionView) -> Int {
           // section数は１つ
           return 1
       }
       
       func collectionView(_ collectionView: UICollectionView,
                           numberOfItemsInSection section: Int) -> Int {
           // 要素数を入れる、要素以上の数字を入れると表示でエラーとなる
           return photos.count;
       }
}

試したこと

ほかのサイトを参考にして、別のファイルにメゾッドを書いたりしたのですがうまくいきませんでした。

Answer 1

dataSource として使用するクラスの設定漏れだと思います。

class ViewController: UIViewController {

ではなくて、

class ViewController: UIViewController, UICollectionViewDataSource {

という具合に設定すれば実行時エラーはなくなると思います（参考にされている記事でもそのように記述してありますのでご確認ください）。

また、この後コードを変えていくにあたって、delegate の設定も必要になりますが、それも同じような感じとなります。

Comments

[RumiaCamellia]

今回もありがとうございます。わたしの確認不足でした。おっしゃる通り変更したら画像が全て一部だけ表示されるようになったので、調整します。とりあえず表示できるようになってよかったです。ありがとうございました。