[Xcode 實際操做]2、視圖與手勢-(7)UIView視圖的漸變填充

目錄：[Swift]Xcode實際操做

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

 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 }