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

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

目录：[Swift]通天遁地Swift

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

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

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

platform :ios, ‘12.0’
use_frameworks!

target ‘DemoApp' do
    source 'https://github.com/CocoaPods/Specs.git'
    pod 'UICircularProgressRing'
end

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

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

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

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

import UIKit
//在当前的类文件中，引入第三方类库
import UICircularProgressRing

class ViewController: UIViewController {

    //给当前的类，添加一个环形进度条类型的属性
    var progressRing:UICircularProgressRingView!
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        //创建一个指定的矩形区域，
        let rect = CGRect(x: 20, y: 40, width: 280, height: 280)
        //并初始化一个位于该矩形区域的环形进度条。
        progressRing = UICircularProgressRingView(frame: rect)
        
        //设置环形进度条的背景颜色为无色
        progressRing.backgroundColor = UIColor.clear
        //设置环形进度条的视图样式，环形进度条共有四种视觉样式。
        //分别用1~4之间的四个数字表示。
        //当前的样式时内圈比较小，外圈则比较大。
        progressRing.viewStyle = 1
        //设置环形进度条的最大值为100
        progressRing.maxValue = 100
        //设置环形进度条的字体颜色为浅灰色
        progressRing.fontColor = UIColor.lightGray
        //设置环形进度条的进度文字的大小为90
        progressRing.fontSize = 90
        //设置内圈端点的样式，端点样式共有默认、圆形、方形等三种样式。
        //使用1~3之间的三个数字表示
        progressRing.innerRingCapStyle = 1
        //设置内圈的宽度为20
        progressRing.innerRingWidth = 20
        //设置内圈与外圈之间的距离为10
        progressRing.innerRingSpacing = 10
        //设置内圈的线条颜色为橙色
        progressRing.innerRingColor = UIColor.orange
        //设置外圈的线条颜色为紫色
        progressRing.outerRingColor = UIColor.purple
        //设置外圈的宽度同样为20
        progressRing.outerRingWidth = 20
        //设置环形进度条的动画样式，
        //动画样式共有：线性、渐入、渐出、渐入渐出等四种。
        //此处设置为线性动画的样式。
        progressRing.animationStyle = kCAMediaTimingFunctionLinear
        
        //设置按钮的显示区域
        let bt2 = UIButton(type: UIButtonType.roundedRect)
        bt2.frame = CGRect(x: 20, y: 380, width: 280, height: 40)
        //设置按钮的背景颜色
        bt2.backgroundColor = UIColor.brown
        //设置按钮的字体颜色
        bt2.tintColor = UIColor.white
        //设置按钮的在正常状态下的标题文字
        bt2.setTitle("Start", for: UIControlState())
        //给按钮绑定点击事件
        bt2.addTarget(self, action: #selector(ViewController.buttonTap(_:)), for: UIControlEvents.touchUpInside)
        
        //将按钮和环形进度条对象，
        //依次添加到当前视图控制器的根视图。
        self.view.addSubview(bt2)
        self.view.addSubview(progressRing)
        //设置根视图的背景颜色为棕色
        self.view.backgroundColor = .brown
    }
    
    //添加一个方法，用来响应按钮的点击事件
    func buttonTap(_ button:UIButton)
    {
        //当按钮被点击时，调用环形进度条的设置进度方法，
        //将环形进度条的进度，以动画的方式，
        //在5秒钟的时间里，前进到100的位置
        progressRing.setProgress(value: 100, animationDuration: 3.2)
        {
            //当环形进度条到达指定数值时，
            //在控制台输出一条指示信息
            print("Done animating!")
        }
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}