【Swift】CollectionViewを選択した時、imageviewの色合いを変えたい

Question

前提・実現したいこと

現在swiftでcollectionviewに画像やテキストを設置し、そのcollectionviewを選択した時、画像の色合いを変えるというコードを作っています。
画像の色合いを変えるのにはCIFilterを使用しています。
collectionviewのあるページに遷移しようとして際に以下のエラーメッセージが発生しました。

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

this class is not key value coding-compliant for the key inputContrast.

該当のソースコード

import UIKit

class CollectionViewCell: UICollectionViewCell {
    
    private let chooseLabel: UILabel = {
        let label = UILabel()
        label.frame = CGRect(x: 0, y: (screenSize.width-50) / 2, width: (screenSize.width-50) / 2, height: 50)
//        label.textColor = UIColor.gray
        label.textAlignment = .center
        return label
    }()
    
    private let chooseImage: UIImageView = {
        let image = UIImageView()
        image.frame = CGRect(x: 0, y: 0, width: (screenSize.width-50) / 2, height: (screenSize.width-50) / 2)
        return image
    }()
    
    private var ciFilter: CIFilter!
    var imagePath: String = "hoge"
    
    dynamic var filteredImage: CIImage? = nil

    override init(frame: CGRect) {
        super.init(frame: frame)
        setup()
        // CIFilterの生成
        ciFilter = CIFilter(name: "CITemperatureAndTint")
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }


        private func setup() {

            chooseImage.contentMode = .scaleAspectFill
            chooseImage.clipsToBounds = true
            contentView.addSubview(chooseLabel)
            contentView.addSubview(chooseImage)
        }

    func setupContents(textName: String, imagepath: String) {
        chooseLabel.text = textName
        chooseImage.image = UIImage(named: imagepath)
        let ciImage = chooseImage.image?.ciImage ?? CIImage(image: chooseImage.image!)
        // 入力画像の設定
        ciFilter.setValue(ciImage, forKey: kCIInputImageKey)
        ciFilter.setValue(70, forKey: kCIInputContrastKey)
        filteredImage = ciFilter.outputImage
        self.imagePath = imagepath
        }
    
    func onTapped(_ filterOn: Bool) {
        if filterOn == true {
            chooseImage.image = UIImage(ciImage: filteredImage!)
        } else {
            chooseImage.image = UIImage(named: imagePath)
        }
    }
}

import UIKit

class MainChooseViewController: UIViewController {

//以下のdictionaryは、collectionviewの中身です
    var recipeList = ["pasta", "omelette rice", "Yellowtail teriyaki", "scallop cooked rice"]
    var imageList = ["3ac4720cd39fcb7bc418a360734f4769f593c4e0.jpg", "26fb8d743b3e3e7645a4a947f4db74cb.jpg.webp", "i=https%3A%2F%2Fimage.excite.co.jp%2Fjp%2Ferecipe%2Frecipe%2F0%2F0%2F0075f14723f0ca3a9bcf5062871299b4%2F8e6ae4fb7223467b78bfd88ab8559dc0.jpeg&small=400&quality=100&type=jpeg.jpeg", "recipe.jpg"]
    private let collectionView: UICollectionView = {

        //セルのレイアウト設計
        let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()

        //各々の設計に合わせて調整
        layout.scrollDirection = .vertical
        layout.minimumInteritemSpacing = 0
        layout.minimumLineSpacing = 10

        let collectionView = UICollectionView( frame: CGRect(x: 20, y: 100, width: screenSize.width - 40, height: screenSize.height/2 + 50 ), collectionViewLayout: layout)
            collectionView.backgroundColor = UIColor.white
        //セルの登録
        collectionView.register(CollectionViewCell.self, forCellWithReuseIdentifier: "CollectionViewCell")
            return collectionView
        }()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.pageScrollView.delegate = self
        
        //生成したcollectionViewのdataSourceとdelegteを紐づける
        collectionView.dataSource = self
        collectionView.delegate = self
        
        
        view.addSubview(collectionView)
        mainView.addSubview(collectionView)
        
        if pageControl.currentPage == 0 {
            backButton.isHidden = true
        } else {
            backButton.isHidden = false
        }
        
        if pageControl.currentPage == 2 {
            nextButton.isHidden = true
        }
        
    }
    
       
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        super.touchesBegan(touches, with: event)
           
        self.view.endEditing(true)
    }
　　func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollectionViewCell", for: indexPath) as! CollectionViewCell

        let imagepath = imageList[indexPath.item]
        let cellText = recipeList[indexPath.item]
        cell.setupContents(textName: cellText, imagepath: imagepath)

        return cell
    }

//イベントの設定
extension MainChooseViewController: UICollectionViewDelegate {
    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        print("callされました")
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollectionViewCell", for: indexPath) as! CollectionViewCell
        cell.onTapped(true)
    }
}

//cellのサイズの設定
extension MainChooseViewController: UICollectionViewDelegateFlowLayout {

  func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

      return CGSize(width: (screenSize.width-50) / 2, height: (screenSize.width-50)/2 + 50)
  }
    
}

試したこと

試しに色々なところをコメントアウトしてみたのですが、
ciFilter.setValue(70, forKey: kCIInputContrastKey)
の部分をコメントアウトしてみた時、画面遷移はすることができるようになりました。
その時、collectionViewを試しに選択してみたら、
cellクラス、onTapped関数内の
chooseImage.image = UIImage(ciImage: filteredImage!)の部分に

Fatal error: Unexpectedly found nil while unwrapping an Optional value
このようなエラーが出ました。printの"callされました"は呼び出されていて、このエラーの原因はなんとなく想像できます。
情報の一つとして参考にしていただけたら嬉しいです。
わかる方、お力添えよろしくお願いします。

補足情報（FW/ツールのバージョンなど）

Swift5
Mac OS 11.2.2
Xcode 12.4

Comments

[hoshi-takanori]

didSelectItemAt の中で dequeueReusableCell してはいけないというか、cellForItemAt 以外でしても意味がありません。ソースが断片的でよく分かりませんが、基本的な collection view の扱いに問題がありそうな気がします。

[pi.chan_san]

ご指摘ありがとうございます！私の考えでは、セルを選択した時にonTapped関数を呼び出したいなと思い、didSelectItemAt 関数を設置したつもりです。
dequeReuseCell は cellForItemAt でしか使えないのですね！知りませんでした。。そうするとdidSelectItemAt内の書き方はどうなるのでしょうか？初歩的なことですが、教えていただけると嬉しいです。
あと、よくみたら足りない部分ありました。毎度情報が足らず、申し訳ございません。

Answer 1

dequeueReusableCell は、事前に register した xib ファイルなどに基づいて新しいセルを生成 (または再利用) するメソッドで、これを呼び出すのは基本的に cellForItemAt だけです。
didSelectItemAt でやりたいのは既に生成されて画面に表示されているセルを取得することで、そのためには cellForItem(at:) を使うと良いでしょう。

extension MainChooseViewController: UICollectionViewDelegate {
    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        if let cell = collectionView.cellForItem(at: indexPath) as? CollectionViewCell {
            cell.onTapped(true)
        }
    }

    func collectionView(_ collectionView: UICollectionView, didDeselectItemAt indexPath: IndexPath) {
        if let cell = collectionView.cellForItem(at: indexPath) as? CollectionViewCell {
            cell.onTapped(false)
        }
    }
}

Comments

[pi.chan_san]

なるほど！解決しました。ご丁寧に回答いただき、ありがとうございました。またよろしくお願いいたします。