美文网首页iOS点点滴滴
Swift - 简单圆弧进度条实现

Swift - 简单圆弧进度条实现

作者: iOS苏帕君 | 来源:发表于2017-10-22 14:44 被阅读9次
Step 0.在重写视图控件draw方法实现
override func draw(_ rect: CGRect) {   
//0.1 获取图像上下文     
    let grap =  UIGraphicsGetCurrentContext()        
//0.2 设置中心位置       
    let centerPoint = self.center
//0.3 设置圆弧半径
    let radius:CGFloat = 10
//0.4 设置绘制起始点
    let start = M_PI/2
//0.5 设置绘制终点
    let end = M_PI/2 + 2 * M_PI * _progress
//0.6 创建路径、clockwise == true 是否顺时针绘制
    let bz = UIBezierPath(arcCenter: point, radius: radius, startAngle: start, endAngle: end, clockwise: true)
//0.7 线框
    bz.lineWidth = 4
//0.8 颜色
    UIColor.white.set()
//0.9 绘制
    grap?.addPath(bz.cgPath)
    grap?.strokePath()
}

//1.0 定义全局属性、范围 0.0 -> 1.0
  var _progress:CGFloat = 0{
    didSet{
//1.1 GET:改变参数时需要刷新画板
    self.setNeedsDisplay()

    }
}

相关文章

  • Swift - 简单圆弧进度条实现

    Step 0.在重写视图控件draw方法实现

  • iOS 的颜色渐变圆弧

    iOS 的颜色渐变 实现一个圆弧进度条主要分为三步 一、画圆弧这里用的贝赛尔曲线,就是这个东西:UIBezierP...

  • 2019-05-09

    圆形进度条,网上代码一大片,就不多说了 现在要实现的是进度圆弧,设置圆弧的起始点颜色和终点颜色 而不是设置半圆的起...

  • 自定义 View 实战 04 - 圆形进度条

    圆形进度条分析: 圆 圆弧 进度值 所以这里我们先用 drawCircle画出圆,再使用drawArc画出圆弧(这...

  • 圆弧进度条

    已经很久没有写文章了,这次来说说环形进度条吧。 如上图所示,与设计稿还原度99%,本来想忽悠设计师用echars的...

  • iOS圆弧渐变进度条的实现

    由于项目需要一个环形渐变进度条显示课程,这方便网上的确有很多相关资料但是,都是比较零散的而且,大多数只是放一堆代码...

  • 自定义 View 实战 02 - 圆弧形进度条

    内圆弧 外圆弧 中间文字 实现过程及注释 自定义属性 具体实现 调用 自定义圆弧就这样实现出来了,从 0 到 1 ...

  • Progressbar

    Android 打造形形色色的进度条 实现可以如此简单

  • react-native 圆弧拖动进度条实现

    原文链接:https://blog.csdn.net/qq_22329521/article/details/79...

  • iOS--圆环进度条

    PercentCircle名字很土,实现简单 OC swift

网友评论

    本文标题:Swift - 简单圆弧进度条实现

    本文链接:https://www.haomeiwen.com/subject/tieguxtx.html