iOS开发-贝塞尔曲线UIBezierPath+进度环

使用CAShapeLayer与UIBezierPath可以实现不在view的drawRect方法中就画出一些想要的图形 。

贝塞尔曲线只是规划了一个Layer的路径,而不能真正的展示出来,所以要和CAShapeLayer搭配使用。

//让贝塞尔曲线与CAShapeLayer产生联系

    self.shapeLayer.path = circlePath.CGPath;

1:UIBezierPath: UIBezierPath是在UIKit 中的一个类,继承于NSObject,可以创建基于矢量的路径.此类是CoreGraphics框架关于path的一个OC封装。使用此类可以定义常见的圆形、多边形等形状 。我们使用直线、弧(arc)来创建复杂的曲线形状。每一个直线段或者曲线段的结束的地方是下一个的开始的地方。每一个连接的直线或者曲线段的集合成为subpath。一个UIBezierPath对象定义一个完整的路径包括一个或者多个subpaths。

2:CAShapeLayer: CAShapeLayer顾名思义,继承于CALayer。 每个CAShapeLayer对象都代表着将要被渲染到屏幕上的一个任意的形状(shape)。具体的形状由其path(类型为CGPathRef)属性指定。 普通的CALayer是矩形,所以需要frame属性。CAShapeLayer初始化时也需要指定frame值,但 它本身没有形状,它的形状来源于其属性path 。CAShapeLayer有不同于CALayer的属性,它从CALayer继承而来的属性在绘制时是不起作用的。

圆环进度指示器

要画一个贝塞尔曲线要有几个基本的要素:

起始角度、结束角度、半径、是否按照顺时针方向

第一步创建一个圆环(UIBezierPath+ CAShapeLayer

第二步添加渐变颜色(CAGradientLayer

第三步添加进度末尾的小红点(获取圆环终点位置的坐标方法 (UIBezierPath终点位置)

1、确定所在的角度是多少

2、确定象限

3、后通正弦余弦函数来确定xy

4、最终得出在整个layer中的位置

第四步进一步包装



http://www.cnblogs.com/ioshe/p/5481841.html

http://blog.csdn.net/u013282507/article/details/50247001

https://github.com/mengxianliang/XLCircleProgress



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值