溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

iOS自定義圓形進(jìn)度提示控件

發(fā)布時(shí)間:2020-10-09 21:02:14 來源:腳本之家 閱讀:219 作者:乞力馬扎羅的雪CYF 欄目:移動(dòng)開發(fā)

 iOS中默認(rèn)的進(jìn)度條是水平方向的進(jìn)度條,這往往不能滿足我們的需求。但是我們可以自定義類似的圓形的進(jìn)度提示控件,主要使用iOS中的繪圖機(jī)制來實(shí)現(xiàn)。這里我們要實(shí)現(xiàn)一個(gè)通過按鈕點(diǎn)擊然后圓形進(jìn)度提示不斷增加的效果。

(1)新建一個(gè)Cocoa Touch Class,注意要繼承自UIView。這個(gè)是繪制圖形的類,繪制一個(gè)圓形的背景和扇形的進(jìn)度。具體實(shí)現(xiàn)如下:

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//這個(gè)就是當(dāng)前的進(jìn)度;
 
 func getProgressValue()->CGFloat{
 
 return _progressValue
 }
 
 func setProgressvalue(value:CGFloat){//設(shè)置進(jìn)度;
 
 _progressValue = value
 
 setNeedsDisplay()
 }

 
 override func drawRect(rect: CGRect) {//繪制圓形背景和扇形進(jìn)度;
 
 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)界面中拖入一個(gè)按鈕,拖拽Action事件。在ViewController中實(shí)現(xiàn)如下:

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)
 
 }
 
 //點(diǎn)擊按鈕,增加進(jìn)度
 @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)最后的實(shí)現(xiàn)效果如下:

iOS自定義圓形進(jìn)度提示控件

iOS自定義圓形進(jìn)度提示控件

對(duì)于其他的觸發(fā)事件,也可以使用這個(gè)自定義圓形進(jìn)度控件來進(jìn)行提示。

github主頁:地址  。歡迎大家訪問!

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI