matlab画图环形颜色渐变,Core Animation实战之环形颜色渐变进度条

本文介绍了如何使用Core Animation创建一个环形颜色渐变的进度条动画。通过在UIView上添加多个扇形的CAGradientLayer,并调整其startPoint和endPoint,实现颜色的平滑过渡。在动画部分,通过改变oval.strokeStart和扇形Layer的locations进行动画效果,确保颜色无缝衔接。最后提供了项目完整代码链接。
摘要由CSDN通过智能技术生成

小弟才疏学浅,第一次写简书文章,内容难免有错误或者不妥,欢迎大家来指点江山。。。

先来看一下最终的效果:

c569295b9339

特点:圆环是顺时针旋转,旋转的过程中,始终保持圆环的开始端颜色最浅(白色),圆环的结尾是最深(0xEC1161).

在刚开始要做这个东西的时候,是因为想做一个下拉刷新的动画,这个动画要做到在下拉的过程中,有一个颜色渐变的圆环在变大,而且是要始终保湿圆环的开头是白色,圆环的结尾是0xEC1161最深色。

想了几个方法,都不太理想,其中包括在圆环的底部放置一个圆环图片,下拉过程中,拖过CALayer的mask功能来把需要显示的圆环给扣出来显示,最终我采用了最简单的方式,就是直接无限旋转一个圆环图片,醉了。。

这事完了之后,我不甘心,决定好好来实现以下这个动画效果,就来了这个;下面简要分析写这个动画的实现逻辑(可能对后续要实现一个进度条或者类似于360安全卫士清理时的进度条有一定的帮助)。

1. 这个圆环底部是一个UIView,在UIView上添加N(N>=2)个扇形的渐变CAGradientLayer,并让这几个扇形渐变的层正好布满这个圆;

2. 这一系列扇形的CAGradientLayer的制作方法是:

a) 先画一个UIView上半部分大小的CAGradientLayer;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值