NSViewから画像生成、保存の進捗状況をリアルタイムでUIに表示したい

Question

実現したいこと

NSViewのインスタンスをpngに変換してローカルに保存するmacOSアプリを作成しています。
1000枚程度一度に生成するため、その進捗状況をプログレスバーを使って表示したいのですが、全ての画像を保存し終わった時にプログレスバーが0から100に一気に進んで終わってしまいます。

リアルタイムにUIを更新し、プログレスバーが徐々に進んでいくようにするにはどのようにすれば良いのでしょうか。

スレッドをうまく使うのだと思うのですが、うまくいっていません。

該当のソースコード

class GenerateImageViewController: NSViewController {
    @IBOutlet weak var generateImageProgressBar: NSProgressIndicator!
    @IBAction func generateImage(_ sender: NSButton) {
        generateImageProgressBar.minValue = 0.0
        generateImageProgressBar.maxValue = 100.0
        generateImageProgressBar.doubleValue = 0.0
        
        for i in 1...1000 {
            DispatchQueue.main.async {
                // 1.画像として保存するNSViewのインスタンスを作成
                let image = NSView()  

                // 2.NSViewのインスタンスをData型に変換する
                let rep = symbol.bitmapImageRepForCachingDisplay(in: symbol.bounds)!
                symbol.cacheDisplay(in: symbol.bounds, to: rep)
                guard let imageData = rep.representation(using: .png, properties: [:]) else {
                    return
                }
                
                // 画像のファイル名の作成
                let imageName = "image" + String(i) + ".png"
                
                // 保存するurlの作成
                let url = URL(fileURLWithPath: /*画像を保存するディレクトリ*/)
                let imageURL = url.appendingPathComponent(imageName)

                DispatchQueue.global().async {
                    do {
                        // 3.画像を保存する
                        try imageData.write(to: imageURL)

                        DispatchQueue.main.async {
                            // 4.プログレスバーを更新する
                            self.generateImageProgressBar.doubleValue += 0.1
                        }
                    } catch(_) {
                        self.generateImageProgressBar.doubleValue += 0.1
                    }
                }
            }
        }
    }
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // プログレスバーの設定
        generateImageProgressBar.isIndeterminate = false
    }
}

試したこと

1.画像として保存するNSViewのインスタンスを作成
2.NSViewのインスタンスをData型に変換する
3.画像を保存する
4.プログレスバーを更新する

この１〜４をループさせています。
1, 2, 4はメインスレッド、3はサブスレッドで処理をしています。
画像を保存するたびに4のプログレスバーの更新をUIに適用させていのですが、どのようにすれば良いのでしょうか。

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

Swift version 4.1.2
Xcode version 9.4.1

Comments

[fuzzball]

NSProgressIndicatorの初期設定と更新処理のコードを書いて下さい。

[fuzzball]

明日まで見られないので妄想回答付けておきます。

[wai21]

NSProgressIndicatorの初期設定と更新処理のコードを記載しました。よろしくお願いします。

[fuzzball]

isIndeterminateのコードを追加しても何も変化は無かったでしょうか？NSProgressIndicatorに関するコードは特に問題なさそうなので、一旦画像保存のコードを外して、NSProgressIndicatorが正しく動作するすることを確認するのがいいと思います。

[wai21]

.isIndeterminate = falseを追加しましたが、変化はありませんでした。また、画像保存のコードを外してみましたが、やはり変化はありませんでした。for文の中の処理をself.generateImageProgressBar.doubleValue += 0.1のみにしましたが、やはり変化はなく最後に一瞬で100％になって終了でした。NSProgressIndicatorの使い方をもう少し調べてみます。

[fuzzball]

回答にサンプルコードを追加しました。NSProgressIndicatorの使い方ではなくスレッドの扱いに問題があるようですので、試行錯誤してみて下さい。

Answer 1

.isIndeterminate = falseにして下さい。

sample

let count = 10

self.progressBar.minValue = 0
self.progressBar.maxValue = Double(count)
self.progressBar.doubleValue = 0
self.progressBar.isIndeterminate = false

DispatchQueue.global().async {
    for n in 0..<count {
        
        //保存処理の代わり
        print(n)
        Thread.sleep(forTimeInterval: 1)
        
        DispatchQueue.main.async {
            print("+", n)
            self.progressBar.doubleValue += 1
        }
    }
}
print("finished")

Comments

[fuzzball]

NSProgressIndicatorだけのサンプルコードを追加しました。

プログレスバーが一気に進む原因としては、
・進める処理が一気に行われる。
・進める処理は順次行われるがUIの更新が行われず、最後に一気に進んだように見える。
の2パターンあると思います。
main/globalや、sync/asyncの使い分けを考えてみて下さい。

[wai21]

ありがとうございます。スレッドの勉強をしてみようと思います。

Answer 2

「setProgress」のアニメーションがfalseになっていたりしませんか？

Comments

[wai21]

プログレスバーはcocoaのNSProgressIndicatorを使用しているため、setProgressというメソッドはありませんでした。
ただ、アニメーション関係のプロパティも確認しましたが、特に変化なしでした。