UIBezierPath+CAShapeLayer+CAGrad
2017-06-09 本文已影响149人
小白lf
本文将分享怎么实现:利用UIBezierPath和各种专用图层实现精美的环形进度条。
蜡笔小新哈哈。。。老样子,上传一张本人喜欢的动漫图片。
要实现的效果是这样的:
炫酷进度条
github地址:https://github.com/lfKingGlory/KingCircle
实现思路:
UIBezierPath勾勒轮廓,CAShapeLayer按照轮廓画出形状,CAGradientLayer做颜色渐变,让CAShapeLayer做CAGradientLayer的遮罩mask,然后就大功告成了。
Talk is cheap, show me the code! (哈哈。。。)
自定义类 MSCircleProgressView(要导入 POP库 <facebook 出品>)
MSCircleProgressView.h
MSCircleProgressView.m