Swift 如何制作进度加载动画

发布于02月13日

我正在try 使动画进展到某个数值.我收到错误，我不知道原因是什么.SwiftUi IOS15

参数是什么- 号码:600；总数:1000

我正在try 将进度动画运行到1000个数字中的600

let number: String
let total: Int
let timer = Timer.publish(every: 0.1, on: .main, in: .common).autoconnect()

ProgressView(name, value: Double(number), total: Double(total))
  .onReceive(timer) { _ in
      if number < Double(total) {
         Double(number) += Double.random(in: 0...4)
         }
     }

更新: 这是我最初没有添加的代码的一部分

struct Params: Identifiable {
    let id = UUID()
    let num: String
}

extension Params {
    static func getAll() -> [Params] {
        return [
            Params(num: "650"),
            Params(num: "80"),
            Params(num: "900")
        ]
    }
}

推荐答案

你的number房产是String，而Double(total)是Double.你不能将String和Double与<运算符进行比较.

您的number属性和total属性都应该声明为Double，这样您就不必不断地将它们从String转换为Double.

此外，您不能对像Double(number)这样的函数调用赋值，因此Double(number) += ...不能工作.

此外，不能为声明为let的属性赋值，例如let number: String.

此外，如果要修改onReceive正文中的属性，则需要用@State或@Binding对该属性进行包装.

import SwiftUI

struct DemoView: View {
    var name: String
    var max: Double
    var total: Double
    @State var number: Double = 0
    
    var body: some View {
        VStack {
            ProgressView(name, value: number, total: total)
                .onReceive(
                    Timer.publish(
                        every: 0.1,
                        on: .main,
                        in: .common
                    ).autoconnect()
                ) { _ in
                    if number < max {
                        number += Double.random(in: 0...4)
                    }
                }
            
            Button("Reset") { number = 0 }
        }
    }
}

import PlaygroundSupport
PlaygroundPage.current.setLiveView(
    DemoView(
        name: "Test",
        max: 600,
        total: 1000
    ).padding()
)