iOS编程——Swift实现一个不断渐变的圆环

最新推荐文章于 2023-09-20 18:07:37 发布

梁山伯与伏地魔

最新推荐文章于 2023-09-20 18:07:37 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Swift动画文章标签： ios 渐变动画 CAGradientLayer swift

本文链接：https://blog.csdn.net/wc455287693/article/details/47070811

这篇博客介绍了如何使用Swift实现一个不断渐变的圆环效果。通过声明颜色数组进行过渡动画，并利用CAGradientLayer进行背景渐变。文章提供了一步步的实现过程，包括初始化、设置动画及在viewController中测试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天看了一位大牛的博客，试着写了一个不断渐变的圆环，如果理解了可以做弧形、直线等其他形状的颜色渐变进度条。

1.声明所用变量，用了两个数组colorArray来显示颜色渐变的过渡动画。

import UIKit

class CustomProgessView: UIView {
    
    let duration = 2.0
    
    //圆环，作为mask来使用
    let shapeLayer = CAShapeLayer()!
    
    //渐变背景
    let colorLayer = CAGradientLayer()!
    
    //渐变色数组，两个循环来实现持续动画
    var colorsArray :[CGColor!]
    var colorsArray1 :[CGColor!]
}

2.初始化，画背景和圆环

    override init(frame: CGRect) {
        colorsArray = [UIColor.redColor().CGColor, UIColor.yellowColor().CGColor, UIColor.greenColor().CGColor, UIColor.purpleColor().CGColor]
        colorsArray1 = colorsArray
        super.init(frame: frame)
        showCircle()
        
    }

    required init(coder aDecoder: NSCoder) {
        colorsArray = [UIColor.redColor().CGColor, UIColor.yellowColor().CGCo

最低0.47元/天解锁文章