iOS项目开发实战——自己定义圆形进度提示控件

iOS中默认的进度条是水平方向的进度条，这往往不能满足我们的需求。

可是我们能够自己定义类似的圆形的进度提示控件，主要使用iOS中的画图机制来实现。

这里我们要实现一个通过button点击然后圆形进度提示不断添加的效果。

（1）新建一个Cocoa Touch Class，注意要继承自UIView。

这个是绘制图形的类。绘制一个圆形的背景和扇形的进度。详细实现例如以下：

import UIKit

class ProgressControl: UIView {

    override init(frame: CGRect) {
        super.init(frame: frame)

        self.backgroundColor = UIColor(white: 1, alpha: 0)//初始化画图背景为白色；
    }

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    private var _progressValue:CGFloat = 0//这个就是当前的进度；

    func getProgressValue()->CGFloat{

        return _progressValue
    }

    func setProgressvalue(value:CGFloat){//设置进度；

        _progressValue = value

        setNeedsDisplay()
    }

    override func drawRect(rect: CGRect) {//绘制圆形背景和扇形进度。

        var context = UIGraphicsGetCurrentContext()

        var r = rect.width/2

        CGContextAddArc(context, r, r, r, 0, 3.1415926 * 2 , 0)
        CGContextSetRGBFillColor(context, 0.5, 0.5, 0.5, 1)
        CGContextFillPath(context)

        CGContextAddArc(context, r, r, r, 0, 3.1415926 * 2 * _progressValue, 0)
        CGContextAddLineToPoint(context, r, r)
        CGContextSetRGBFillColor(context, 0, 0, 1, 1)
        CGContextFillPath(context)

    }

}

（2）界面中拖入一个button，拖拽Action事件。

在ViewController中实现例如以下：

import UIKit

class ViewController: UIViewController {

    var progressControl:ProgressControl!

    override func viewDidLoad() {
        super.viewDidLoad()

        progressControl = ProgressControl(frame:CGRect(x: 100, y: 100, width: 100, height: 100))
        self.view.addSubview(progressControl)

    }

    //点击button。添加进度
    @IBAction func addProgressValuePressed(sender: UIButton) {

        progressControl.setProgressvalue(progressControl.getProgressValue()+0.1)

    }

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

}

（3）最后的实现效果例如以下：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">。

对于其它的触发事件，也能够使用这个自己定义圆形进度控件来进行提示。

github主页：https://github.com/chenyufeng1991  。欢迎大家訪问！