★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号:山青咏芝(shanqingyongzhi)
➤博客园地址:山青咏芝(https://www.cnblogs.com/strengthen/)
➤GitHub地址:https://github.com/strengthen/LeetCode
➤原文地址:https://www.cnblogs.com/strengthen/p/10129514.html 
➤如果链接不是山青咏芝的博客园地址,则可能是爬取作者的文章。
➤原文已修改更新!强烈建议点击原文地址阅读!支持作者!支持原创!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

目录:[Swift]通天遁地Swift

本文将演示制作美观大方的环形进度条。

首先确保在项目中已经安装了所需的第三方库。

点击【Podfile】,查看安装配置文件。

1 platform :ios, ‘12.0’
2 use_frameworks!
3
4 target ‘DemoApp' do
5     source 'https://github.com/CocoaPods/Specs.git'
6     pod 'UICircularProgressRing'
7 end

根据配置文件中的相关配置,安装第三方库

然后点击打开【DemoApp.xcworkspace】项目文件。

在项目导航区,打开视图控制器的代码文件【ViewController.swift】

现在编写代码,制作美观大方的环形进度条。

 1 import UIKit
 2 //在当前的类文件中,引入第三方类库
 3 import UICircularProgressRing
 4
 5 class ViewController: UIViewController {
 6
 7     //给当前的类,添加一个环形进度条类型的属性
 8     var progressRing:UICircularProgressRingView!
 9     override func viewDidLoad() {
10         super.viewDidLoad()
11         // Do any additional setup after loading the view, typically from a nib.
12
13         //创建一个指定的矩形区域,
14         let rect = CGRect(x: 20, y: 40, width: 280, height: 280)
15         //并初始化一个位于该矩形区域的环形进度条。
16         progressRing = UICircularProgressRingView(frame: rect)
17
18         //设置环形进度条的背景颜色为无色
19         progressRing.backgroundColor = UIColor.clear
20         //设置环形进度条的视图样式,环形进度条共有四种视觉样式。
21         //分别用1~4之间的四个数字表示。
22         //当前的样式时内圈比较小,外圈则比较大。
23         progressRing.viewStyle = 1
24         //设置环形进度条的最大值为100
25         progressRing.maxValue = 100
26         //设置环形进度条的字体颜色为浅灰色
27         progressRing.fontColor = UIColor.lightGray
28         //设置环形进度条的进度文字的大小为90
29         progressRing.fontSize = 90
30         //设置内圈端点的样式,端点样式共有默认、圆形、方形等三种样式。
31         //使用1~3之间的三个数字表示
32         progressRing.innerRingCapStyle = 1
33         //设置内圈的宽度为20
34         progressRing.innerRingWidth = 20
35         //设置内圈与外圈之间的距离为10
36         progressRing.innerRingSpacing = 10
37         //设置内圈的线条颜色为橙色
38         progressRing.innerRingColor = UIColor.orange
39         //设置外圈的线条颜色为紫色
40         progressRing.outerRingColor = UIColor.purple
41         //设置外圈的宽度同样为20
42         progressRing.outerRingWidth = 20
43         //设置环形进度条的动画样式,
44         //动画样式共有:线性、渐入、渐出、渐入渐出等四种。
45         //此处设置为线性动画的样式。
46         progressRing.animationStyle = kCAMediaTimingFunctionLinear
47
48         //设置按钮的显示区域
49         let bt2 = UIButton(type: UIButtonType.roundedRect)
50         bt2.frame = CGRect(x: 20, y: 380, width: 280, height: 40)
51         //设置按钮的背景颜色
52         bt2.backgroundColor = UIColor.brown
53         //设置按钮的字体颜色
54         bt2.tintColor = UIColor.white
55         //设置按钮的在正常状态下的标题文字
56         bt2.setTitle("Start", for: UIControlState())
57         //给按钮绑定点击事件
58         bt2.addTarget(self, action: #selector(ViewController.buttonTap(_:)), for: UIControlEvents.touchUpInside)
59
60         //将按钮和环形进度条对象,
61         //依次添加到当前视图控制器的根视图。
62         self.view.addSubview(bt2)
63         self.view.addSubview(progressRing)
64         //设置根视图的背景颜色为棕色
65         self.view.backgroundColor = .brown
66     }
67
68     //添加一个方法,用来响应按钮的点击事件
69     func buttonTap(_ button:UIButton)
70     {
71         //当按钮被点击时,调用环形进度条的设置进度方法,
72         //将环形进度条的进度,以动画的方式,
73         //在5秒钟的时间里,前进到100的位置
74         progressRing.setProgress(value: 100, animationDuration: 3.2)
75         {
76             //当环形进度条到达指定数值时,
77             //在控制台输出一条指示信息
78             print("Done animating!")
79         }
80     }
81
82     override func didReceiveMemoryWarning() {
83         super.didReceiveMemoryWarning()
84         // Dispose of any resources that can be recreated.
85     }
86 }

转载于:https://www.cnblogs.com/strengthen/p/10129514.html

[Swift通天遁地]一、超级工具-(2)制作美观大方的环形进度条相关推荐

  1. [Swift通天遁地]一、超级工具-(16)使用JTAppleCalendar制作美观的日历

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...

  2. [Swift通天遁地]一、超级工具-(13)使用PKHUD制作各种动态提示窗口

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...

  3. [Swift通天遁地]七、数据与安全-(12)使用Instruments Leaks工具检测内存泄露

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...

  4. [Swift通天遁地]三、手势与图表-(10)创建包含圆点、方形、三角形图标的散点图表...

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...

  5. [Swift通天遁地]七、数据与安全-(1)XML文档的创建和解析

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...

  6. [Swift通天遁地]七、数据与安全-(19)使用Swift实现原生的SHA1加密

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...

  7. [Swift通天遁地]九、拔剑吧-(9)创建支持缩放、移动、裁切的相机视图控制器

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...

  8. [Swift通天遁地]五、高级扩展-(4)快速生成Invert、Mix、Tint、Shade颜色及调整饱和度阶...

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...

  9. [Swift通天遁地]五、高级扩展-(11)图像加载Loading动画效果的自定义和缓存

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...

最新文章

  1. IntelliJ 创建main函数快捷
  2. cordova入门——cordova环境配置
  3. python 模板引擎 对比_Python Web开发模板引擎优缺点总结
  4. MySQL—函数的使用
  5. web前端技术基础课程讲解之浅谈对soket的理解
  6. python 全局变量_python程序中用类变量代替global 定义全局变量
  7. hadoop 集群间数据迁移
  8. 苹果发布2019年上半年透明度报告,收到数万条政府请求
  9. 泛型使用思想,记一次java泛型使用经历
  10. pg注释某一段语句不执行_@Autowired的使用:推荐对构造函数进行注释
  11. matlab 向量元素,MATLAB遍历向量的元素
  12. Oracle ORA-00119和ORA-00132的解决方案
  13. 大数据资源共享网盘下载
  14. 【无标题】win7系统怎么配置adb环境变量
  15. JAVA 字符串转数组并且进行遍历
  16. js超简单实现图片旋转
  17. 天下武功,唯快不破 - O'Reilly Velocity China 2011 PPT汇总
  18. USB gadget设备驱动解析
  19. windows10批处理文件设置IP地址
  20. Python爬虫实战四 | 盘搜搜1.2-网盘搜索神器开源

热门文章

  1. spring的几个通知(前置、后置、环绕、异常、最终)
  2. 基于JavaConfig配置的Spring MVC的构建
  3. EasyUI实现两个列表联动
  4. 【英语天天读】第一场雪
  5. web性能测试分析-工具篇
  6. CNN tensorflow 人脸识别
  7. vue中的data用return返回
  8. 北大CIO走进龙泉寺交流研讨会圆满举行
  9. MySQL启动很慢的原因
  10. CentOS系统启动流程你懂否