progressview_SwiftUI中的ProgressView
progressview
Note: This only supports iOS 14 and above and can only be used in Xcode 12+.
注意:此功能仅支持iOS 14及更高版本,并且只能在Xcode 12+中使用。
先决条件 (Prerequisites)
To follow along with this tutorial, you’ll need some basic knowledge in:
要继续学习本教程,您将需要一些基本知识:
- SwiftSwift
- At least Xcode 12+至少Xcode 12+
不确定的进度 (Indeterminate Progress)
Indeterminate refers to a nonstop animation, and by default, it is in an indeterminate behaviour that spins endlessly:
不确定是指不间断的动画,默认情况下,它处于不确定的行为中,会不断旋转:
ProgressView("Loading…")
线性进展 (Linear Progress)
In order to create a linear progress view, you will have to specify the current value and the total value. The value is currently being set at 50
, which is half of the total:
为了创建线性进度视图,您将必须指定当前值和总值。 该值当前设置为50
,是总数的一半:
ProgressView("Downloading…", value: 50, total: 100) .padding()
You can even see it in action with the linear progress view continuing to progress. First, you will create a state where it will keep track of its current progress:
您甚至可以在线性进度视图继续进行的情况下查看它的运行情况。 首先,您将创建一个状态来跟踪当前的进度:
@State private var currentProgress = 0.0
Then you will create a timer with the following code:
然后,您将使用以下代码创建一个计时器:
let timer = Timer.publish(every: 0.1, on: .main, in: .common).autoconnect()
Next, use the current progress in the progress view:
接下来,在进度视图中使用当前进度:
ProgressView("Downloading…", value: currentProgress, total: 100)
Add an action to the progress view whereby it will continually add 1
until it reaches 100
:
在进度视图中添加一个操作,它将持续添加1
直到达到100
:
.onReceive(timer) { _ in if currentProgress < 100 { currentProgress += 1 }}
As a result:
结果是:
客制化 (Customisation)
accentColor
allows you to edit the color of the bar:
accentColor
允许您编辑条的颜色:
.accentColor(.green)
foregroundColor
allows you to edit the color of the title:
foregroundColor
可让您编辑标题的颜色:
.foregroundColor(.yellow)
Thanks for reading!
谢谢阅读!
翻译自: https://medium.com/better-programming/progressview-in-swiftui-fa15d412f1e
progressview
http://www.taodudu.cc/news/show-4781894.html
相关文章:
- 海康 linux java demo_Linux下调用海康SDK(java版)
- visio第一次作业
- 画架构图没有好素材可不行
- 简单的网页加密代码
- Git工作流应该如何选择
- 超好用的Git工作流
- 四种常见的Git工作流
- java代码实现登录跳转_java实现登录案例
- java实践项目_20个Java练手项目,实践才是硬道理
- Java基础综合练习案例
- 三菱Q程序程序 用三菱Q系列和威纶触摸屏编写
- 威纶通触摸屏模板,直接打开就可以用
- 六轴机械手程序 用信捷XD5和威纶触摸屏编写
- 汇川中型PLC与威纶通触摸屏标签通讯
- Java垃圾回收(清除内存),监控内存
- C#中System.Timers.Timer定时器的使用和定时自动清理内存的应用
- Linux定期清理内存方法
- react使用qrcode.react生成扫描二维码
- 网页扫描二维码登录页面的原理(通俗、易懂)
- vue扫描二维码,真机调试
- js扫描二维码并跳转
- PHP留言板的实现思路
- php实现留言板功能代码,php实现留言板功能(会话控制)
- php简易留言板功能,php简单的留言板与回复功能具体实现
- php简易留言板功能,简单实现PHP留言板功能
- 免费分享SPSS 17.0 软件
- SPSS 下载-安装
- Word轻松粘贴代码
- 五杆机构正运动学公式、逆运动学公式MATLAB代码
- 全网都在讲迁移学习,可你会写代码了吗?收藏我这个,10分钟开始你的迁移学习训练
progressview_SwiftUI中的ProgressView相关推荐
- macos上的ios虚拟机_如何将中级帖子转换为可在iOS和macOS上运行的SwiftUI应用
macos上的ios虚拟机 I recently turned one of my posts into a SwiftUI app, and the process is very easy. My ...
- GNU Make 使用手册(于凤昌中译版)
GNU Make 使用手册(中译版) 翻译:于凤昌 GNU make Version 3.79 April 2000 Richard M. Stallman and Roland McGrath 1 ...
- 一个KVO 实现WKWebView加载进度条的例子 (注意最后移除观察者)
// // OpenWebViewController.m // Treasure // // Created by 蓝蓝色信子 on 16/7/29. // Copyright © 2016年 GY ...
- 集合视图控制器(CollectionViewController) 、 标签控制器(TabBarController) 、 高级控件介绍...
1 创建集合视图,设置相关属性以满足要求 1.1 问题 集合视图控制器UIConllectionViewController是一个展示大量数据的控制器,系统默认管理着一个集合视图UICollect ...
- 面试:第十二章:所有总结
Java基础 java基本类型哪些,所占字节 byte :1个字节 short :2个字节 char :2个字节 int :4个字节 long :8个字节 float :4个字节 double :8个 ...
- linux内核分析(转自某位大哥网上的笔记)
启动 当PC启动时,Intel系列的CPU首先进入的是实模式,并开始执行位于地址0xFFFF0处的代码,也就是ROM-BIOS起始位置的代码.BIOS先进行一系列的系统自检,然后初始化位于地址0的中断 ...
- SwiftUI放在Section中的进度条(ProgressView)首次刷新时不显示的解决
问题现象 SwiftUI中Section是很常用的容器视图,不过使用过程中它或多或少会存在一些小问题,让人又爱又恨. 在iOS15中,放在Section中的进度环(环状样式的ProgressView) ...
- WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt
主要内容 Safari调试 swift/OC与JS互调 增加加载进度条 支持JS中alert.confirm.prompt Safari调试 设置 -> safari --> 高级,开启J ...
- php 离线 gis,在 Web 页面中使用离线地图
1. 所需工具&插件: 1. MapDownloader (提取码: spx6) 2. 操作: 1. 参考:java离线地图web GIS制作 下载好所需地图瓦片,本文以百度地图/深圳为例 2 ...
最新文章
- 中国版 Ubuntu Kylin 14.04 LTS 麒麟操作系统中文版发布下载 (Ubuntu天朝定制版)
- 250鲁大师跑分_我装了一台鲁大师 230W 分的神机,3A 游戏平台装机作业
- OpenGL png图片 纹理贴图,去除png图片黑边
- DataRow的RowState属性变化问题
- matlab-robtics学习笔记
- Spring框架概述(快速入门)
- 云小课 | DSC之数据水印,防止数据被盗用
- Java-虚拟机-垃圾收集器/垃圾收集算法/GCROOT根
- java基础杂谈(二)
- python制作照片_python3一键排版证件照(一寸照、二寸照),附源代码
- php实现两张图片合成一张,如何把两张图片拼成一张
- B.FRIENDit壁虎忍者品牌故事
- 惊艳呈现-百度搜索手机客户端-设计项目分享
- Citrix Receiver 安装指南
- MBA中国网关注:打造最佳团队的5大秘诀
- 抖音直播4种套路,让直播间人气快速破1000+
- ggplot 绘制热图
- 英语基础差的人学计算机,基础差怎么去学好英语口语
- 遇到Python嵌套不要怕,你足够认真,它就是纸老虎(14)
- 不需要ROOT卸载小米电视系统应用
热门文章
- 【全网首发】华秋CAM:免费Gerber查看器,离线版!
- C++上机实验2-1标准体重
- 有源医疗器械的开发过程和各阶段的注意事项(三)
- Excel 用vba自动汇总实例
- 【第十三届蓝桥杯省赛B组】统计子矩阵 (枚举前缀和+双指针)
- linux下dynamips 与vpcs通信的实现
- 海格里斯HEGERLS托盘式四向穿梭车批发定制|24小时全自动无人化立体仓库批量托盘作业
- asp.net 文件上传和下载管理源码
- 【DG】[三思笔记]一步一步学DataGuard
- 计算机组成原理课后答案(白中英主编第五版).pdf