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

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

ただいまの
回答率

88.58%

選択したセルの背景色を指定時間後に変更したい

解決済

回答 2

投稿

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

NS0904

score 41

 前提・実現したいこと

とあるサイトをみてtodoリスト的なアプリを作っています。

指定時間後に、アラートを使用して選択したCellの背景色を変更したいと考えております。

DispatchQueue.main.asyncAfterを使用して処理を遅らせることは理解したのですが、
下記のようにしてもテーブルが全く変更されません。

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

アラートを使用して選択したセルの背景色が指定時間経過しても変わらない。

 該当のソースコード

import UIKit

class TodoListViewController: UITableViewController {

    // アイテムの型
    class Item {
        var title : String
        var done: Bool = false

        init(title: String) {
            self.title = title
        }
    }

    // この配列に作ったアイテムを追加していく
    var itemArray: [Item] = []

    override func viewDidLoad() {

        super.viewDidLoad()

        tableView.transform = CGAffineTransform(a: CGFloat(1), b: CGFloat(0), c: CGFloat(0), d: CGFloat(-1), tx: CGFloat(0), ty: CGFloat(0))


        navigationController?.navigationBar.prefersLargeTitles = true

        let item1: Item = Item(title: "a")
        let item2: Item = Item(title: "bbbb")
        let item3: Item = Item(title: "cccccccc")

        itemArray.append(item1)
        itemArray.append(item2)
        itemArray.append(item3)


    }



    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

        return itemArray.count

    }

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

        let alert: UIAlertController = UIAlertController(title: "赤くする?青くする?削除する?", message: "", preferredStyle:  UIAlertController.Style.alert)

        let defaultAction: UIAlertAction = UIAlertAction(title: "削除", style: UIAlertAction.Style.default, handler:{

            (action: UIAlertAction!) -> Void in
            self.itemArray.remove(at: indexPath.row)
            let indexPaths = [indexPath]
            tableView.deleteRows(at: indexPaths, with: .automatic)
            print("削除")

        })

        let cancelAction: UIAlertAction = UIAlertAction(title: "赤くする", style: UIAlertAction.Style.default, handler:{

            (action: UIAlertAction!) -> Void in

        DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + .seconds(5)) {
            func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

                    let cell = tableView.cellForRow(at:indexPath)
                    cell?.contentView.backgroundColor = UIColor.red
                    return cell!
                }
            self.tableView.reloadData()
            print("赤くしました")

            }
        })

        let cancel2Action: UIAlertAction = UIAlertAction(title: "青くする", style: UIAlertAction.Style.cancel, handler:{

            (action: UIAlertAction!) -> Void in
            print("青くしました")
        })


        alert.addAction(cancelAction)
        alert.addAction(defaultAction)
        alert.addAction(cancel2Action)

        present(alert, animated: true, completion: nil)

        tableView.deselectRow(at: indexPath, animated: true)

    }



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

        let cell = tableView.dequeueReusableCell(withIdentifier: "ToDoItemCell", for: indexPath)
        let item = itemArray[indexPath.row]
        cell.textLabel?.text = item.title
        cell.accessoryType = item.done ? .checkmark : .none

        cell.transform = CGAffineTransform(a: CGFloat(1), b: CGFloat(0), c: CGFloat(0), d: CGFloat(-1), tx: CGFloat(0), ty: CGFloat(0))
        return cell

    }

    @IBAction func addButtonPressed(_ sender: Any) {

        var textField = UITextField()

        let alert = UIAlertController(title: "新しいアイテムを追加", message: "", preferredStyle: .alert)

        let action = UIAlertAction(title: "リストに追加", style: .default) { (action) in

            let newItem: Item = Item(title: textField.text!)


            self.itemArray.append(newItem)
            self.tableView.reloadData()

        }

        alert.addTextField { (alertTextField) in
            alertTextField.placeholder = "新しいアイテム"
            textField = alertTextField
        }

        alert.addAction(action)
        present(alert, animated: true, completion: nil)

    }

}

 試したこと

初めは、テーブルのビューを更新していなかったので、更新してみたんですが変わらずでした。

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

xcode10,swift4

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 2

+1

セル背景色を変更するのは、cellForRowAtの中で行わないと、
reloadDataを行った時にクリアされ(というかcellForRowAt通りの表示になり)ます。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2018/10/26 01:47

    回答ありがとうございます。

    キャンセル

checkベストアンサー

0

DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + .seconds(5)) {
    let cell = tableView.cellForRow(at: indexPath) 
    cell.contentView.backgroundColor = .red
    print("赤くしました")
}

こうです

でもこれも間違だと後々気づくと思います
cellというのはviewを使いまわしするものなので、TodoListTableViewControllerがcellの状態をindexPathに紐づけて持っておかなければなりません
例えば100セル用意してスクロールすると、選択してないはずのcellが赤くなります

どうすればいいかと言えば、cellForRowAtIndexPathで色を付けます

状態を保持するためにはいくつかあります
・Itemに状態を付ける
・tableViewのselect状態を利用する
・cellの状態の配列をTodoListTableViewController内に持つ(いわゆるViewModel)

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2018/10/26 01:52

    回答ありがとうございます。
    できました!!
    すごく嬉しいのと同時に、しっかり基礎も学ばないといけないと痛感しました。

    cellの再利用が問題になるということですね。
    3つのアドバイスを参考にして実際にやって見ます!

    キャンセル

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

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

関連した質問

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