swiftで繰り返し処理を行う際の画面更新について

Question

実現したいこと

whileにて繰り返し処理を行う際，1回の処理ごとに画面を更新させて計算値を表示させたい。

発生している問題・分からないこと

StoryBoardにLabelを配置し，その中に計算された値が表示されるようにコードを書きました。
ボタンを押すとランダムな数値が選ばれ，その数値が配列の中の数値と一致するごとに当たり用のカウント数が1つ増え，一致しなかった場合はハズレ用の数値が1つ増えるようにしています。
これをTextFieldに入力した回数分繰り返されるよう，Whileにて繰り返し処理を行っています。
Printにて表示させると適切にコードの実行が行われているようですが，シミュレーションで動作させてみると全ての処理が終わってからのみ画面の更新が行われ，一気に結果が表示される状況になってしまいました。
これを，1回の処理ごとに画面の数値が更新されるようにしたいのですが，どのようにすればよろしいでしょうか？

該当のソースコード

class ViewController: UIViewController, UITextFieldDelegate {

    @IBOutlet weak var testCountSet: UITextField!
    @IBOutlet weak var execButton: UIButton!
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        testCountSet.keyboardType = UIKeyboardType.numberPad
        testCountSet.delegate = self
        
        testCountNum.text = String(testCount)
        kakuhenCountNum.text = String(kakuhenCount)
        normalCountNum.text = String(normalCount)
        hazureCountNum.text = String(hazureCount)
        
        execButton.isEnabled = false
    }
    
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
            view.endEditing(true)
        }
    
    @IBOutlet weak var testCountNum: UILabel!
    @IBOutlet weak var kakuhenCountNum: UILabel!
    @IBOutlet weak var normalCountNum: UILabel!
    @IBOutlet weak var hazureCountNum: UILabel!
    
    var testCount = 0
    var kakuhenCount = 0
    var normalCount = 0
    var hazureCount = 0
    let kakuhenArray = [10, 24, 36, 68, 103, 104, 210, 253, 286, 289, 296, 409, 637, 715, 747, 912, 1046, 1048, 1356, 1827, 2846, 3096, 3784, 5060, 5283, 5475, 5876, 6106, 7777, 9037, 11303, 11586, 11867, 12486, 14869, 18576, 18764, 18978, 19284, 19384, 20193, 22222, 22857, 23487, 23867, 25049, 25867, 26157, 27373, 28345, 30938, 31000]
    let normalArray = [3, 16, 20, 64, 105, 158, 179, 236, 247, 295, 314, 376, 736, 799, 1175, 1657, 1659, 1688, 2186, 2367, 2646, 3263, 3948, 4857, 4938, 5338, 6456, 6873, 6874, 7041, 8456, 9285, 10374, 15364, 17366, 17684, 19867, 23136, 23183, 23456, 23576, 25676, 27756, 29173, 29465, 30124, 30476, 31900]

    @IBAction func checkText(_ sender: Any) {
        if testCountSet.text?.count == 0 {
                    execButton.isEnabled = false
                } else {
                    execButton.isEnabled = true
                }
    }
    
    @IBAction func startCount(_ sender: UIButton) {
        let setTestCountText = testCountSet.text!
        print(setTestCountText)
        let setTestCount = Int(setTestCountText)!
        print(setTestCount)
        
        testCount = 0
        kakuhenCount = 0
        normalCount = 0
        hazureCount = 0
        
        while testCount < setTestCount {
                    testCount += 1
                    print(testCount)
                    testCountNum.text = String(testCount)
                    let pickNum = Int.random(in: 1...31960)
                    print(pickNum)
                    if kakuhenArray.contains(pickNum) == true {
                        kakuhenCount += 1
                        kakuhenCountNum.text = String(kakuhenCount)
                    }else if normalArray.contains(pickNum) == true {
                        normalCount += 1
                        normalCountNum.text = String(normalCount)
                    }else {
                        hazureCount += 1
                        print(hazureCount)
                        hazureCountNum.text = String(hazureCount)
                    }
            
            sleep(1)
        }
        
    }
    
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

調べたのですが，該当記事を見つけることが出来ませんでした。

補足

特になし

Answer 1

こちらは，whileの中のコードをtimerにて行う事で解決することが出来ました

Answer 2

あまり詳しくないのですが、まだ回答がついていないようでしたので、回答してみます。

whileの処理中は画面の数値が更新されないですので、
考え方を変えないといけなそうですね。

何秒後にどのような数値を表示するかをあらかじめ登録して、
whileの中ではsleepせずに、すぐにfuncを終了するような感じはいかがでしょうか？

下のサンプルコードでは10回ループして
1回目は0秒後に0を表示、
2回目は1秒後に1を表示、
...
10回目は9秒後に9を表示しています。

class ViewController: UIViewController {
    @IBOutlet var label: UILabel!

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }

    @IBAction func startCount(_ sender: UIButton) {
        for i in 0..<10 {
            DispatchQueue.main.asyncAfter(deadline: .now() + Double(i)) {
                self.label.text = "\(i)"
            }
        }
    }
}

このままだと続けて何度もボタンをタップすると
表示の制御が重複しておかしくなってしまいます。
全体的な制御も踏まえて対処する必要があると思います。
(場合によってはDispatchQueue.main.asyncAfterを使わない方が良いのかもしれません・・)

Comments

[snowman2]

ご回答ありがとうございます。
秒数毎にカウントアップをするのではなくランダム関数によって値がランダムに選択され，配列の中の数値と一致しているか，それとも一致していないかを判断した上でカウントアップを行いたいと思っております。
こちらは，whileの中のコードをtimerにて行う事で解決することが出来ました。