Swift Collection View Timer

Question

Main Story boardにCollection Viewを設置し、そこに何個かボタン(cell)を設置しました。そのcellを時間ごとに色を変えたいのですがどうすればよいのですか？？
例：6つのcellのうち5つは青1つは黄色で1秒ごとに変える
みたいな感じです。
これはタイマーとくくりつけてやるのですか？（？）

Answer 1

基本的には過去のご質問と同じです。

• Swift Xcode Cell

過去のご質問のコードには、タイマ処理の呼び出し部分も書かれていたのでおそらくそれで問題ないとおもますが、例えば下記のような感じになります。

class ViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate {
    var redCellIndex: Int = Int.random(in: 0..<12)

    // 略

    override func viewDidLoad() {
        super.viewDidLoad()
        // 略
        Timer.scheduledTimer(timeInterval: 1.0, target: self, selector: #selector(changeColor), userInfo: nil, repeats: true)
    }
    
    @objc func changeColor() {
        redCellIndex = Int.random(in: 0..<12)
        collectionView.reloadData()
    }
        
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath)
        // indexPath.row が redCellIndex と一致した場合は赤に、そうでなければ黒にする
        cell.backgroundColor = self.redCellIndex == indexPath.row ? .red : .black
        
        return cell
        
    }
    // 略
}

##追記
ミスが2箇所あります。

色を変更するための関数内で次に色を変えたいセルの番号を作る際、letをつけて宣言してしまっているため、同名でスコープの違う変数となってしまっています。今回の場合letは必要ありません。

@objc func changeColor() {
        // let をつけると、changeColor() 関数内部だけで有効な変数となってしまう。
        //let redCellIndex: Int = Int.random(in: 0..<12)
        redCellIndex = Int.random(in: 0..<12)
        collectionView.reloadData()
    }

また、上記の関数を呼び出している部分がありません。

おそらく、以前はタイマ割り込みで呼び出していたのだと思いますが、残り秒数をカウントダウンする関数を呼び出すように変更した際、誤って消してしまったのだと思います。

1秒に1回更新するのであれば、たとえばdown()の中から色のついたセルを変更するようにする方法もありますし、タイマのインスタンスを2つ作る方法もあるかと思います。

（2020年9月9日：下記のソースコードは変更されています）

    var colorCount = 0
    
    @objc func down() {
        // 1 秒に1回呼び出す
        colorCount += 1
        if colorCount == 100 {
            colorCount = 0
            changeColor()
        }
        
        if count >= 0{
            count = count - 0.01
            timerLabel.text = String(format: "%.2f",count)
        }else{
            if timer.isValid{
                timer.invalidate()
                timerLabel.text = "Finish"
                //                   point = point+0
            }
        }
    }

Comments

[Anoa]

なるほど何度もありがとうございます。　
これを参考にさせてもらいます。

[Anoa]

かなり時間が経ってしまいましたが、もう一つ質問です。このコードを参考に取り入れました。なのですがタイマーで時間ごとに赤いcellの位置を変える処理の仕方がわかりません。教えていただけると幸いです。

[TsukubaDepot]

回答のコードにそれらの処理が全て入っています。

[Anoa]

現在ここの回答のところに書いたcodeの一部を投稿しました。
エラーを吐いているわけではないのですが実行ができませんでした。なぜなのでしょうか？

[TsukubaDepot]

コードは回答欄ではなく、「質問欄」に追記していただけますでしょうか。
ちなみに、回答欄に投稿していただいたコードを見る限りは大きな問題はなさそうに感じますが、全体をみてみないと何とも言えない部分があります。
「質問本文」に、コードを省略せず全て載せていただけますでしょうか。

[Anoa]

ただいま省略せずに貼らせていただきました。

[TsukubaDepot]

セルの色を変更するための関数を呼び出していません。
修正案を回答に追記しましたので、確認していただけますでしょうか。

[Anoa]

わかりやすく説明していただきありがとうございます。

[Anoa]

度々申し訳ありません。
教えていただいたコードの3つのうち、一番最後のコードの、
上から4行目の changeColor() の部分が複数回呼び出されてしまっている場合、1回呼び出されたら1秒たつまで changeColor()は呼び出さないという処理はどうやったらできますか？？

[TsukubaDepot]

最後に追加したコードでは、1秒に一回呼び出すようにしたつもりでしたが、そのようにはなっていませんでした。

down() が呼び出されるたびに `colorCount`に1を加え、累計が 100 (0.01秒ｘ100 = 1秒なので）になったらchangeColor() を呼び出すように変更しました。

Answer 2

    override func viewDidLoad() {
    super.viewDidLoad()
 
        OnGame = true
        self.collectionView.delegate = self
        self.collectionView.dataSource = self
     
        let layout = UICollectionViewFlowLayout()
        layout.sectionInset = UIEdgeInsets(top: 15, left: 15, bottom: 15, right: 15)
        collectionView.collectionViewLayout = layout

        if !timer.isValid {
            timer = Timer.scheduledTimer(timeInterval:0.01,target: self,selector:  #selector(self.down),userInfo:nil,repeats:true)
        }
   
        self.collectionView!.register(UICollectionViewCell.self, forCellWithReuseIdentifier: reuseIdentifier)
    }
    @objc func changeColor() {
    let redCellIndex: Int = Int.random(in: 0..<12)
    collectionView.reloadData()
    }
    // 中略

      func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath)
      
        cell.backgroundColor = self.redCellIndex == indexPath.row ? .red : .black

        return cell
        
      }

Answer 3

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath)

Answer 4

 func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {