【Swift】UItextの中身を都度更新したい

Question

【Swift】UItextの中身を都度更新したい

Swiftを個人で勉強しており詰まってしまったので質問させてください

下記のソースコードで3のつく数字と3の倍数だけ漢数字に変換するメソッド(countメソッド)を作成し、viewDidLoadメソッド内でUIlabelのtextに対しcountメソッドをfor文で呼び出し、都度画面に結果を表示させる処理を実装したいです

困っていること

最後に処理された結果である100は画面に表示されるがそれまでに値が画面に表示されない

やりたいこと

画面に都度結果を表示させたい
コンソールではやりたいことをできていることは確認済み

import UIKit

class ViewController: UIViewController {
    @IBOutlet weak var label: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        //ここの呼び出し方が不明
        for number in 1...100 {
            Thread.sleep(forTimeInterval: 0.5)
            //print(count(number: number))
            label.text = count(number: number)
        }
    }
    
    func count(number: Int) -> String {
        let formatter = NumberFormatter()
        formatter.numberStyle = .spellOut
        formatter.locale = .init(identifier: "ja-JP")
        
        if number % 3 == 0 || String(number).contains("3"){
            if let string = formatter.string(from: NSNumber(value: number)){
                return string
            }
        }else{
            return String(number)
        }
        
        return ""
    }
    
    
}

ご回答お待ちしておりますm(_ _)m

Comments

[hoshi-takanori]

メインスレッドを sleep などで停止すると、その間 UI が更新されずユーザーからはフリーズしたように見えるので、時間がかかる処理はバックうラウンドスレッドで実行して UI の更新だけメインスレッドに処理を投げるなどする必要があります。

[nekoni_matatabi]

ユーザー視点でのご指摘ありがとうございます！
質問とは異なるので箇所なので仮の対応として該当の処理は削除致します

[hoshi-takanori]

ごめんなさい、書き方が悪かったようですが、UI が実際に更新されるのは OS にメインスレッドの処理を戻したときなので、viewDidLoad などから return しない限り UI は更新されないという意味です。

[nekoni_matatabi]

Thread.sleepの指摘かと勘違いしてしまいました　すみません
>UI が実際に更新されるのは OS にメインスレッドの処理を戻したとき
つまりviewDidLoad内でいくら値を更新しても処理が継続している時はUIは更新されないということですね
returnの仕方を検討してみます

Answer 1

横から失礼します。
的外れかもしれませんが、試しに回答させてください。

質問文を見る限り、こんな感じのものを作りたいのかなと推測しました。

実装をみると
カウントダウンタイマーのように一定時間ごとに表示を更新しようと、
Thread.sleep() を使ったのかなと思いました。

しかし、hoshi-takanori さんの指摘にあるように、
メインスレッドでThread.sleep() をかけてしまっているので、
UI 更新するためにメインスレッドが使えず、
表示が更新されなかったのではと思いました。

なので、下記のようにすれば添付したgif のようになるかと思います。

1. 別スレッドを立ち上げる
2. 手順１のスレッドで、for 文を書く
3. 手順２のfor 文の中で、Thread.sleep() をかける
4. 手順３の後に、メインスレッドに切り替える処理を書き、その中でUILabel の更新をする

※回答を書いていたら、hoshi-takanori さんがコードを載せてくださったので、そちらを参考にすると良いかと思います

Comments

[nekoni_matatabi]

おっしゃる通り一定時間ごとに更新処理をしたかったので`Thread.sleep()`を使用しました
手順も記載いただき参考になります！

Answer 2

例えばバックグラウンドスレッドで処理するならこんな感じでしょうか。

        // バックグラウンドスレッドで処理
        DispatchQueue.global(qos: .default).async {
            for number in 1...100 {
                Thread.sleep(forTimeInterval: 0.5)

                // UI の更新はメインスレッドで行う
                DispatchQueue.main.async {
                    self.label.text = self.count(number: number)
                }
            }
        }

ただし、このままでは画面を閉じても処理が動き続けるので、それを防ぐには例えばこう。

        // [weak self] を使うと ViewController が解放されたら self が nil になる
        DispatchQueue.global(qos: .default).async { [weak self] in
            for number in 1...100 {
                // ViewController が解放されたら処理を停止
                if self == nil {
                    break
                }

                Thread.sleep(forTimeInterval: 0.5)

                // [weak self] なクロージャの中で self を使う場合は guard 節を利用
                DispatchQueue.main.async { [weak self] in
                    guard let self = self else {
                        return
                    }

                    self.label.text = self.count(number: number)
                }
            }
        }

Comments

[nekoni_matatabi]

サンプルソースまで添付いただきありがとうございます！
UI更新とスレッドの関係性を知らなかったので勉強になりました
ベストアンサーさせていただきました