UIBezierPath+CAShapeLayer+CAGradientLayer精美环形进度条

本文将分享怎么实现:利用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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容