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

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

ただいまの
回答率

90.33%

  • Swift

    7687questions

    Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

  • Xcode

    4348questions

    Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

UITableViewでチェックリストを作成する

解決済

回答 4

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 609

taiki9696

score 11

UITableViewでチェックリストを作ってみたのですが、現在Cellを押すとチェックリストのUIImageが変更されます。Cellを押すと別のUITableViewに移動でき、UIImageを押下時にのみ画像が変更されるようにするにするにはどうすればいいでしょうか?

class ViewController : UIViewController, UITableViewDelegate, UITableViewDataSource {

    let statusBarHeight = UIApplication.shared.statusBarFrame.height

    var checkListItem: [String : Bool] = [
        "アイテム1" : false,
        "アイテム2" : false,
    ]

    let tableView = UITableView()

    override func viewDidLoad() {
        super.viewDidLoad()

        // UITableView の作成
        tableView.frame = CGRect(
            x: 0,
            y: statusBarHeight,
            width: self.view.frame.width,
            height: self.view.frame.height - statusBarHeight
        )
        tableView.delegate = self
        tableView.dataSource = self
        self.view.addSubview(tableView)
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        var keys = [String](checkListItem.keys)

        keys.sort()

        let cellText = keys[indexPath.row]

        let cell = UITableViewCell(style: .default, reuseIdentifier: "cell")
        cell.textLabel?.text = cellText

        if self.checkListItem[cellText]! {
            cell.imageView?.image = UIImage(named: "checked")
        } else {
            cell.imageView?.image = UIImage(named: "unchecked")
        }

        return cell
    }

    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {

        if let cell = tableView.cellForRow(at: indexPath) {

            let cellText = cell.textLabel?.text

            if cell.imageView?.image == UIImage(named: "checked") {

                self.checkListItem.updateValue(false, forKey: cellText!)
                cell.imageView?.image = UIImage(named: "unchecked")
            } else {

                self.checkListItem.updateValue(true, forKey: cellText!)
                cell.imageView?.image = UIImage(named: "checked")
            }

            cell.isSelected = false
        }
    }

    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 56
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.checkListItem.count
    }
}
  • 気になる質問をクリップする

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

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

  • fuzzball

    2017/01/27 09:53

    タイトルと質問内容があっていないような気がするのですが?

    キャンセル

回答 4

checkベストアンサー

+1

セルをカスタムして UIButtonを乗せて通常、選択時の画像を設定、押された時に画像を切り替えるのが簡単では無いでしょうか。

@IBAction func pushButton(_ sender: UIButton) {
    sender.isSelected = !sender.isSelected
}

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2017/01/28 03:50

    チェックリストを含むUITableViewですが実は80ページほど作成する必要があります。やはりカスタムセルでは厳しいでしょうか?

    キャンセル

  • 2017/01/28 09:05

    同じデザインのViewならば何ページあっても作成するのは1つなのでなんの問題もないと思いますが。

    キャンセル

  • 2017/01/28 09:51

    カスタムセルの場合ですとMainstoryboardに80個のUITableViewを作成する必要があると認識しているのですが、一つのカスタムセルをMainstoryboardで作成すると同じデザインであればコードのみで複製が作れるのでしょうか?
    各UITableViewによってセルやUIButtonの数、textの中身など微妙に異なるものを考えております。

    キャンセル

  • 2017/01/28 14:40 編集

    > Mainstoryboardに80個のUITableViewを作成する必要があると認識しているのですが

    Storyboardは分割できますので一つのStoryboardに80個は配置する必要がないと思います。
    それに80個つくらなくてもUITableViewを使いまわせると思いますがいかがでしょう?

    カスタムセルはxibで作成して読み込む様にすれば良いと思います。(コードで複製ができるというのと同じです。)

    > 各UITableViewによってセルやUIButtonの数、textの中身など微妙に異なるものを考えております。

    微妙に違うくらいでしたら、まとめてもよいと思います。
    こちらもデザイン的に違うセルが10個とかある感じですか?そのくらいなら普通に作ってもよいと思いますが。

    キャンセル

  • 2017/01/29 12:31

    なるほど、カスタムセルをxibで作成して読み込むという方法があるのですね。丁寧な回答ありがとうございます。

    キャンセル

0

それはつまり、画像の部分とその他の部分を押された時に判別したいというかことですよね?であるとすると、カスタムセルを作り、その上にボタンを乗せ、ボタンにsetImageする形になると思います。
カスタムセルでどのセルがタップされたのかを判別するには
カスタムセルの基本
を参考にして下さい。

投稿

編集

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

0

UIImageViewにUITapGestureRecognizerを乗せて下さい。
なお、UIImageViewは、デフォルトではタップに反応しませんので、userInteractionEnabledをtrueにして下さい。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

0

まあカスタムセルでごり押しすると慣れない間は面倒なこともありますけどね。

<注意点>
・UIButtonを乗せることでcellのtextLabelとの位置関係もずれたりするので場合によっては全部自分で作ることになる可能性がある。
・セルの上に乗せた際にその上をタップしてもdidSelectRowが呼ばれない

あたりですかね
この場合、少なくとも、cell.textLabelのtextAlignmentはcenterかrightに設定する必要があると思います。(ボタンで隠れるので)

投稿

編集

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

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

  • Swift

    7687questions

    Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

  • Xcode

    4348questions

    Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。