颜色线性渐变-CAGradientLayer

我们先来看一下效果图吧:

颜色线性渐变-CAGradientLayer

其实,就是一个颜色的线性渐变,使用CAGradientLayer很容易就能实现。由于代码很简单,就不做过多讲解了,直接看代码吧。

 import UIKit

 class ViewController: UIViewController {

     override func viewDidLoad() {
super.viewDidLoad()
setupBackgroundLayer()
} private func setupBackgroundLayer(){
// 线性渐变图层
let layer:CAGradientLayer = CAGradientLayer() // layer是通过bounds和position来指定位置的
layer.bounds = view.bounds
layer.position = view.center // 设置背景颜色
// layer.backgroundColor = UIColor.red.cgColor
// 设置渐变颜色数组
let color1 = UIColor.red.cgColor
let color2 = UIColor.blue.cgColor
let color3 = UIColor.orange.cgColor
layer.colors = [color1,color2,color3] // 设置颜色的位置数组
layer.locations = [, 0.6,1.0] // 将图层插入到最底部
view.layer.insertSublayer(layer, at: )
}
}
上一篇:Animated progress view with CAGradientLayer(带翻译)<待更新>


下一篇:vue脚手架---vue-cli