質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.11%

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

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,011

YonamineTK

score 40

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

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • YonamineTK

    2016/12/22 11:32

    追記いたしました。

    キャンセル

  • fuzzball

    2016/12/22 11:36

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

    キャンセル

  • YonamineTK

    2016/12/22 11:48

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

    キャンセル

回答 2

checkベストアンサー

0

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/12/22 13:40

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

    キャンセル

0

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/12/22 10:18

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

    キャンセル

  • 2016/12/22 10:29 編集

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

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

    キャンセル

  • 2016/12/22 10:49

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

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.11%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る