首页 > 编程学习 > SwiftUI iOS 精品进度条组件之支持百分比和成功动画 (教程含源码)

实战需求

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
Copyright © 2010-2022 ngui.cc 版权所有 |关于我们| 联系方式| 豫B2-20100000