本文將演示創建一個具有漸變填充色的圖形

 1 import UIKit
 2 
 3 class ViewController: UIViewController {
 4 
 5     override func viewDidLoad() {
 6         super.viewDidLoad()
 7         // Do any additional setup after loading the view, typically from a nib.
 8         //初始化一個原點在(10,80)，尺寸為(300，300)的矩形常量，作為圖像視圖的顯示區域
 9
 
         let rect = CGRect(x: 30, y: 60, width: 200, height: 200)
10         //初始化一個視圖對象，作為漸變圖形的容器
11         let gradientView = UIView(frame: rect)
12         
13         //新建一個漸變層
14         let gradientLayer = CAGradientLayer()
15         //設置漸變層的位置和尺寸，與視圖對象保持一致
16         gradientLayer.frame = gradientView.frame
 
17         
18         //設置漸變的起始顏色為黃色
19         let fromColor = UIColor.yellow.cgColor
20         //設置漸變的中間顏色為紅色
21         let midColor = UIColor.red.cgColor
22         //設置漸變的結束顏色為紫色
23         let toColor = UIColor.purple.cgColor
24         
25         //將漸變層的顏色數組屬性，設置為由三個顏色所構建的數組
26         gradientLayer.colors = [fromColor, midColor, toColor]
 
27         
28         //然後將配置好的漸變層，添加到視圖對象的層中
29         gradientView.layer.addSublayer(gradientLayer)
30         //最後將視圖對象，添加到當前視圖控制器的根視圖
31         self.view.addSubview(gradientView)
32     }
33 }

[Xcode10 實際操作]二、視圖與手勢-(7)UIView視圖的漸變填充