カスタムセルが選択された時の動作について

Question

前提・実現したいこと

カスタムセル内にある画像を、そのセルがタップされた時に別の画像に変更したいのですが、ビルドしても画像が変わりません。どうすれば良いでしょうか？

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

エラーメッセージ

  func tableView(_ tableView: UITableView, cellForRowAt IndexPath: IndexPath) -> UITableViewCell {
   
    
    let cell = tableView.dequeueReusableCell(withIdentifier: "MyCell", for: IndexPath) as! MessageListTableViewCell
    
    let object = array[IndexPath.row]
    
    
    if object.imageNumber == 0{
        cell.tegamiHyouji.image = #imageLiteral(resourceName: "オレンジ閉.png")
    }else if object.imageNumber == 1{
        cell.tegamiHyouji.image = #imageLiteral(resourceName: "ベージュ閉.png")
    }else if object.imageNumber == 2{
        cell.tegamiHyouji.image = #imageLiteral(resourceName: "黒閉.png")
    }else if object.imageNumber == 3{
        cell.tegamiHyouji.image = #imageLiteral(resourceName: "紫とじ.png")
    }else if object.imageNumber == 4{
        cell.tegamiHyouji.image = #imageLiteral(resourceName: "ブルー閉.png")
    }else if object.imageNumber == 5{
        cell.tegamiHyouji.image = #imageLiteral(resourceName: "肌色とじ.png")
    }else if object.imageNumber == 6{
        cell.tegamiHyouji.image = #imageLiteral(resourceName: "灰色閉.png")
    }else if object.imageNumber == 7{
        cell.tegamiHyouji.image = #imageLiteral(resourceName: "ダーク閉じ.png")
    }else if object.imageNumber == 8{
        cell.tegamiHyouji.image = #imageLiteral(resourceName: "レッド閉.png")
    }else if object.imageNumber == 9{
        cell.tegamiHyouji.image = #imageLiteral(resourceName: "緑閉.png")
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
       let cell = tableView.cellForRow(at: IndexPath)         
        
  ・・ここで変更したい
      
        if cell.tegamiHyouji.image == #imageLiteral(resourceName: "オレンジ閉.png"){
        cell.tegamiHyouji.image = #imageLiteral(resourceName: "オレンジ２.png")
        }else if cell.tegamiHyouji.image == #imageLiteral(resourceName: "ベージュ閉.png"){
            cell.tegamiHyouji.image = #imageLiteral(resourceName: "ベージュ２.png")
        }else if cell.tegamiHyouji.image == #imageLiteral(resourceName: "黒閉.png"){
            cell.tegamiHyouji.image = #imageLiteral(resourceName: "黒２.png")
        }else if cell.tegamiHyouji.image == #imageLiteral(resourceName: "紫とじ.png"){
            cell.tegamiHyouji.image = #imageLiteral(resourceName: "紫２.png")
        }else if cell.tegamiHyouji.image == #imageLiteral(resourceName: "ブルー閉.png"){
            cell.tegamiHyouji.image = #imageLiteral(resourceName: "ブルー２.png")
        }else if cell.tegamiHyouji.image == #imageLiteral(resourceName: "肌色とじ.png"){
            cell.tegamiHyouji.image = #imageLiteral(resourceName: "肌色２.png")
        }else if cell.tegamiHyouji.image == #imageLiteral(resourceName: "灰色閉.png"){
            cell.tegamiHyouji.image = #imageLiteral(resourceName: "グレー２.png")
        }else if cell.tegamiHyouji.image == #imageLiteral(resourceName: "ダーク閉じ.png"){
            cell.tegamiHyouji.image = #imageLiteral(resourceName: "ダーク２.png")
        }else if cell.tegamiHyouji.image == #imageLiteral(resourceName: "レッド閉.png"){
            cell.tegamiHyouji.image = #imageLiteral(resourceName: "アートボード 4.png")
        }else if cell.tegamiHyouji.image == #imageLiteral(resourceName: "緑閉.png"){
            cell.tegamiHyouji.image = #imageLiteral(resourceName: "深緑２.png")
        }
   return cell
    }
   
    
    return cell
    }

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

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

ここにより詳細な情報を記載してください。

Answer 1

画像を管理クラス等を考えてみるのがスッキリすると思います。

例としてenumを使ってみたパターンを以下に書きます。

enum ImageType: Int {
    case imageNumber0
    case imageNumber1
    case imageNumber2
    case imageNumber3
    case imageNumber4
    case imageNumber5
    case imageNumber6
    case imageNumber7
    case imageNumber8
    case imageNumber9
    case imageNumber10
    case imageNumber11
    case imageNumber12
    case imageNumber13
    case imageNumber14
    case imageNumber15
    case imageNumber16
    case imageNumber17
    case imageNumber18
    case imageNumber19
    
    var image: UIImage {
        switch self {
        case .imageNumber0: return #imageLiteral(resourceName: "オレンジ閉.png")
        case .imageNumber1: return #imageLiteral(resourceName: "ベージュ閉.png")
        case .imageNumber2: return #imageLiteral(resourceName: "黒閉.png")
        case .imageNumber3: return #imageLiteral(resourceName: "紫とじ.png")
        case .imageNumber4: return #imageLiteral(resourceName: "ブルー閉.png")
        case .imageNumber5: return #imageLiteral(resourceName: "肌色とじ.png")
        case .imageNumber6: return #imageLiteral(resourceName: "灰色閉.png")
        case .imageNumber7: return #imageLiteral(resourceName: "ダーク閉じ.png")
        case .imageNumber8: return #imageLiteral(resourceName: "レッド閉.png")
        case .imageNumber9: return #imageLiteral(resourceName: "緑閉.png")
        case .imageNumber10: return #imageLiteral(resourceName: "オレンジ２.png")
        case .imageNumber11: return #imageLiteral(resourceName: "ベージュ２.png")
        case .imageNumber12: return #imageLiteral(resourceName: "黒２.png")
        case .imageNumber13: return #imageLiteral(resourceName: "紫２.png")
        case .imageNumber14: return #imageLiteral(resourceName: "ブルー２.png")
        case .imageNumber15: return #imageLiteral(resourceName: "肌色２.png")
        case .imageNumber16: return #imageLiteral(resourceName: "グレー２.png")
        case .imageNumber17: return #imageLiteral(resourceName: "ダーク２.png")
        case .imageNumber18: return #imageLiteral(resourceName: "アートボード 4.png")
        case .imageNumber19: return #imageLiteral(resourceName: "深緑２.png")
        }
    }
    
    mutating func changeImage() {
        switch self {
        case .imageNumber0: return self = .imageNumber10
        case .imageNumber1: return self = .imageNumber11
        case .imageNumber2: return self = .imageNumber12
        case .imageNumber3: return self = .imageNumber13
        case .imageNumber4: return self = .imageNumber14
        case .imageNumber5: return self = .imageNumber15
        case .imageNumber6: return self = .imageNumber16
        case .imageNumber7: return self = .imageNumber17
        case .imageNumber8: return self = .imageNumber18
        case .imageNumber9: return self = .imageNumber19
        default: break
        }
    }
}

写真の配列をenumの配列として定義します。

var array: [ImageType] = [.imageNumber0, .imageNumber1, .imageNumber2, .imageNumber3, .imageNumber4, .imageNumber5, .imageNumber6, .imageNumber7, .imageNumber8, .imageNumber9]

TableViewのメソッド部分はスッキリします。

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    
    if let cell = tableView.dequeueReusableCell(withIdentifier: "MyCell", for: IndexPath) as? MessageListTableViewCell {
        cell.tegamiHyouji.image = array[indexPath.row].image
    }
    return UITableViewCell()
}

// セル選択時
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    // 画像を変更
    array[indexPath.row].changeImage()
    tableView.reloadData()
}

Answer 2

タップされたセルの画像の変更を、cellForRowAtではなく、didSelectRowAtのなかで行えば良いのかと思いますがどうでしょうか？

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
　　　　// タップされたCellのindexpathが渡されてくるので、そこからcellを特定して画像を変更する。 
　　　　let cell = tableView.cellForRow(at:indexPath)
　　　　
　　　　if cell.tegamiHyouji.image == #imageLiteral(resourceName: "オレンジ閉.png"){
        cell.tegamiHyouji.image = #imageLiteral(resourceName: "オレンジ２.png")
    }else if cell.tegamiHyouji.image == #imageLiteral(resourceName: "ベージュ閉.png")
       ....


    // 戻り値無いのでreturnいらない。
    tableView.reloadData()