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

本文将分享怎么实现:利用UIBezierPath和各种专用图层实现精美的环形进度条。

UIBezierPath+CAShapeLayer+CAGradientLayer精美环形进度条_第1张图片
蜡笔小新

哈哈。。。老样子,上传一张本人喜欢的动漫图片。

要实现的效果是这样的:


炫酷进度条

github地址:https://github.com/lfKingGlory/KingCircle

实现思路:

UIBezierPath勾勒轮廓,CAShapeLayer按照轮廓画出形状,CAGradientLayer做颜色渐变,让CAShapeLayer做CAGradientLayer的遮罩mask,然后就大功告成了。

Talk is cheap, show me the code! (哈哈。。。)

自定义类  MSCircleProgressView(要导入 POP库

MSCircleProgressView.h

UIBezierPath+CAShapeLayer+CAGradientLayer精美环形进度条_第2张图片

MSCircleProgressView.m

UIBezierPath+CAShapeLayer+CAGradientLayer精美环形进度条_第3张图片
UIBezierPath+CAShapeLayer+CAGradientLayer精美环形进度条_第4张图片

你可能感兴趣的:(UIBezierPath+CAShapeLayer+CAGradientLayer精美环形进度条)