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相关推荐

  1. 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 ...

  2. GNU Make 使用手册(于凤昌中译版)

    GNU Make 使用手册(中译版) 翻译:于凤昌 GNU make Version 3.79 April 2000 Richard M. Stallman and Roland McGrath 1 ...

  3. 一个KVO 实现WKWebView加载进度条的例子 (注意最后移除观察者)

    // // OpenWebViewController.m // Treasure // // Created by 蓝蓝色信子 on 16/7/29. // Copyright © 2016年 GY ...

  4. 集合视图控制器(CollectionViewController) 、 标签控制器(TabBarController) 、 高级控件介绍...

      1 创建集合视图,设置相关属性以满足要求 1.1 问题 集合视图控制器UIConllectionViewController是一个展示大量数据的控制器,系统默认管理着一个集合视图UICollect ...

  5. 面试:第十二章:所有总结

    Java基础 java基本类型哪些,所占字节 byte :1个字节 short :2个字节 char :2个字节 int :4个字节 long :8个字节 float :4个字节 double :8个 ...

  6. linux内核分析(转自某位大哥网上的笔记)

    启动 当PC启动时,Intel系列的CPU首先进入的是实模式,并开始执行位于地址0xFFFF0处的代码,也就是ROM-BIOS起始位置的代码.BIOS先进行一系列的系统自检,然后初始化位于地址0的中断 ...

  7. SwiftUI放在Section中的进度条(ProgressView)首次刷新时不显示的解决

    问题现象 SwiftUI中Section是很常用的容器视图,不过使用过程中它或多或少会存在一些小问题,让人又爱又恨. 在iOS15中,放在Section中的进度环(环状样式的ProgressView) ...

  8. WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt

    主要内容 Safari调试 swift/OC与JS互调 增加加载进度条 支持JS中alert.confirm.prompt Safari调试 设置 -> safari --> 高级,开启J ...

  9. php 离线 gis,在 Web 页面中使用离线地图

    1. 所需工具&插件: 1. MapDownloader (提取码: spx6) 2. 操作: 1. 参考:java离线地图web GIS制作 下载好所需地图瓦片,本文以百度地图/深圳为例 2 ...

最新文章

  1. 中国版 Ubuntu Kylin 14.04 LTS 麒麟操作系统中文版发布下载 (Ubuntu天朝定制版)
  2. 250鲁大师跑分_我装了一台鲁大师 230W 分的神机,3A 游戏平台装机作业
  3. OpenGL png图片 纹理贴图,去除png图片黑边
  4. DataRow的RowState属性变化问题
  5. matlab-robtics学习笔记
  6. Spring框架概述(快速入门)
  7. 云小课 | DSC之数据水印,防止数据被盗用
  8. Java-虚拟机-垃圾收集器/垃圾收集算法/GCROOT根
  9. java基础杂谈(二)
  10. python制作照片_python3一键排版证件照(一寸照、二寸照),附源代码
  11. php实现两张图片合成一张,如何把两张图片拼成一张
  12. B.FRIENDit壁虎忍者品牌故事
  13. 惊艳呈现-百度搜索手机客户端-设计项目分享
  14. Citrix Receiver 安装指南
  15. MBA中国网关注:打造最佳团队的5大秘诀
  16. 抖音直播4种套路,让直播间人气快速破1000+
  17. ggplot 绘制热图
  18. 英语基础差的人学计算机,基础差怎么去学好英语口语
  19. 遇到Python嵌套不要怕,你足够认真,它就是纸老虎(14)
  20. 不需要ROOT卸载小米电视系统应用

热门文章

  1. 【全网首发】华秋CAM:免费Gerber查看器,离线版!
  2. C++上机实验2-1标准体重
  3. 有源医疗器械的开发过程和各阶段的注意事项(三)
  4. Excel 用vba自动汇总实例
  5. 【第十三届蓝桥杯省赛B组】统计子矩阵 (枚举前缀和+双指针)
  6. linux下dynamips 与vpcs通信的实现
  7. 海格里斯HEGERLS托盘式四向穿梭车批发定制|24小时全自动无人化立体仓库批量托盘作业
  8. asp.net 文件上传和下载管理源码
  9. 【DG】[三思笔记]一步一步学DataGuard
  10. 计算机组成原理课后答案(白中英主编第五版).pdf