实战需求

SwiftUI iOS 精品进度条组件之支持百分比和成功动画

本文价值与收获

看完本文后，您将能够作出下面的界面

基础知识

progressview

显示任务完成进度的视图。

struct ProgressView<Label> where Label : View

使用进度视图可以显示任务正在逐步完成。 进度视图可以显示确定的（完成百分比）和不确定的（正在进行或不正在进行）类型的进度。通过初始化一个ProgressView来创建确定的进度视图，该View绑定了一个表示进度的数字值和一个表示任务完成的总值。 默认情况下，进度为0.0，总计为1.0。

下面的示例使用状态属性progress来显示确定的ProgressView中的进度。 进度视图使用其默认的总计1.0，并且由于进度以初始值0.5开始，因此进度视图开始为半完成。 进度视图下方的“更多”按钮允许用户以5％的增量递增进度：

@State private var progress = 0.5

VS