Swift：TableViewの画像をクリックして別画面へ遷移する

Question

TableViewに表示された画像をクリックして
別画面に遷移する処理を実装しようとしております。
Breakpointで確認したところif selectedImage != nilで
処理が止まっており、移動することができません。

色々と調べましたが詰まってしまいました。
何かアドバイス等いただけませんでしょうか。

回答、よろしくお願いします。

var friends:[Friend] = [Friend]()

override func viewDidLoad() {
super.viewDidLoad()

self.setupFriends()
self.tableView.delegate = self
self.tableView.detaSource = self

}

//参考元：http://qiita.com/BigSea/items/9aa35b95e5d4d1dc8a52
func setupFriends() {
        var f1 = Friend(itemName: "Google1", imageUrl: NSURL(string: "https://storage.googleapis.com/gweb-uniblog-publish-prod/static/blog/images/google-200x200.7714256da16f.png"))
        var f2 = Friend(itemName: "Google2", imageUrl: NSURL(string: "https://pbs.twimg.com/profile_images/809064074998710272/KJvmreRz_400x400.jpg"))
        var f3 = Friend(itemName: "Google3", imageUrl: NSURL(string: "https://lh3.googleusercontent.com/nYhPnY2I-e9rpqnid9u9aAODz4C04OycEGxqHG5vxFnA35OGmLMrrUmhM9eaHKJ7liB-=w300"))
        var f4 = Friend(itemName: "Google4", imageUrl: NSURL(string: "https://lh3.googleusercontent.com/7clxDYpmA-L1XXJP7wcRZMWV71MwDtZhubp1cF8Ss4cVjHFsqisncNP5vavacmMPhds=w300"))
        
        friends.append(f1)
        friends.append(f2)
        friends.append(f3)
        friends.append(f4)

}
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath:NSIndexPath) -> UITableViewCell {

        let cell: CustomCell = tableView.dequeueReusableCellWithIdentifier("CustomCell", forIndexPath: indexPath) as CustomCell

        cell.setCell(friends[indexPath.row])

        return cell
    }

//CustomCellクラス
func setCell(friend :Friend) {
        self.itemName.text = friend.itemName
        do {
        let imageData :NSData = try NSData(contentsOfURL: friend.imageUrl!,options: NSDataReadingOptions.DataReadingMappedIfSafe)
        self.siteImage.image = UIImage(data:imageData)
    } catch {
        print("Error: can't create image.")
    }
    }

// 参考元：https://iphone-app-tec.com/ios/tableview-cell.html
    func tableView(_ tableView: UITableView,didSelectRowAt indexPath: IndexPath) {
        // [indexPath.row] から画像名を探し、UImage を設定
        selectedImage = UIImage(named:"\(friends[indexPath.row])")
        if selectedImage != nil {
            // SubViewController へ遷移するために Segue を呼び出す
            performSegue(withIdentifier: "toDetailsController",sender: nil)
        }
    }

// Segue 準備
    override func prepare(for segue: UIStoryboardSegue, sender: Any!) {
        if (segue.identifier == "toSubViewController") {
            let subVC: SubViewController = (segue.destination as? SubViewController)!
            // SubViewController のselectedImgに選択された画像を設定する
            subVC.selectedImg = selectedImage
        }
    }

：参考元
https://iphone-app-tec.com/ios/tableview-cell.html
http://qiita.com/BigSea/items/9aa35b95e5d4d1dc8a52

Comments

[fuzzball]

表示させようとしている画像ファイル名、もしくはURLがどういうものなのか、正確に教えて下さい。また、Friendを登録しているところも正確に書いて下さい。AAAとかBBBでは正しい回答が出来ません。

[fuzzball]

例えば、Friend(itemName: "AAA", imageUrl: NSURL(string: "https://AAA”) このFriendの場合は、https://AAA/AAA という画像を表示すればいいのでしょうか？

[YonamineTK]

追記いたしました。

[fuzzball]

「 if selectedImage != nil {」の意図が分かりません。なぜUIImageを生成しているのでしょうか？遷移するために条件を文章で書いて下さい。

[YonamineTK]

タップしたセルに表示されているImageを遷移先で表示させるために、タップしたタイミングでselectedImageに保持してSegueで飛ばす処理を想定しています。

Answer 1

これでどうでしょうか？（確認していないのでエラーは自力で修正するか質問して下さい）

let cell = tableView.cellForRow(at: indexPath) as! CustomCell //タップしたセルを取得
selectedImage = cell.siteImage.image //セルに乗せているimageを取得
:

Comments

[YonamineTK]

お手数おかけしてすみません、解決することができました。
ありがとうございました。

Answer 2

itemNameが画像ファイル名だと仮定すると↓になると思いますが

selectedImage = UIImage(named:"\(friends[indexPath.row].itemName)")

Comments

[YonamineTK]

回答ありがとうございます。
指摘箇所を修正して実行しましたが変わりませんでした。
試しにitemNameの箇所をimageUrlに置き換えてもみましたが変わりませんでした。
selectedImageの中身はnilのままでした。

[fuzzball]

friends[indexPath.row].itemName! にしたらどうでしょうか？

ダメなら一つ上の行に、
print(friends[indexPath.row].itemName)
を追加して出力を教えて下さい。

[YonamineTK]

回答ありがとうございます。
friends[indexPath.row].itemName!に置き換えて実行しましたがダメでした。
print(friends[indexPath.row].itemName)を一つ上に配置して実行したところ、
選択箇所のitemNameが出力されました。
(TableViewの一番上をクリックするとAAA)