UIProgressView 动画只能正常工作一次

Question

我做一些 HTTP 请求，在收到 HTTP 响应时设置一个类属性，并使用willSet 更新进度条值。进度条动画只工作一次。

var data: CompatibilityData? {
    didSet {
        self.progressView.setProgress(0.0, animated: false)

        UIView.animate(withDuration: 2.0) {
            self.progressView.setProgress(data.percentage! / 100, animated: true)
        }
    }
}

...

let task = URLSession.shared.dataTask(with: url) { data, response, error in
    ...

    if let data = data {
        ...

        DispatchQueue.main.async {
            if let r = response {
                self.data = r
            }
        }
     }
}

task.resume()

当我第二次收到 HTTP 响应时，预期的行为会将进度重置为 0，并再次将其从 0 设置为 data.percentage。目前它从旧的data.percentage 移动到新的data.percentage。

Answer 1

它有助于理解动画在抽象层的工作方式。仅仅因为进度 VALUE 发生了变化，并不意味着代表它的值的条的笔划路径已经更新以反映它的更改为 0。

这意味着当视图想要动画时，它会从它的“旧笔触路径”值（仍为先前值）变为“新笔触路径”值，即更新后的值。

为了每次从 0 开始显示动画的百分比变化，您必须更新视图的布局，而不仅仅是基础值。

打电话

self.progressView.layoutIfNeeded()

设置基础进度值后，progressView Bar 将更新以反映下一个绘图周期的正确值，并将在动画开始之前发生，以便动画从 0 变为新值。

除非您想采用@E.Coms 方法并等待视图完成动画回到 0，然后再动画到新值。尽管这看起来很酷，但可能不是您想要的效果。

Answer 2

答案是：如果你想让 progressView 为 0.0，就让它动起来吧。

var data: CompatibilityData? {
didSet {
    self.progressView.setProgress(0.0, animated:**true**)

    UIView.animate(withDuration: 2.0) {
        self.progressView.setProgress(data.percentage! / 100, animated: true)
    }
}
}