SwiftUI從入門到實戰第2章第14節：AngularGradient

相關課程：http://hdjc8.com/hdjc/swiftUI/

使用AngularGradient繪製角度顏色漸變的背景。本節課演示角度漸變的使用。角度漸變是指從起點到終點，顏色按順時針做扇形漸變，即發射形漸變。

示例代碼：

VStack{
    Text("SwifUI Gradient")//首先修改此處的文本視圖，角度漸變將作爲文本視圖的背景。
    .font(.system(size: 36))//設置文本視圖的字體尺寸爲36，增加文字的尺寸。
    .padding()//設置文本視圖的間距，增加文本視圖的內邊距。
    .foregroundColor(.white)//接着設置文本的顏色爲白色，以突出作爲背景存在的角度漸變。
    //給文本視圖添加一個背景，角度漸變將被放入小括號之內。
    //創建一個角度漸變，起始顏色爲橙色，中間顏色爲紅色，終點顏色爲紫色。漸變的中心點位於文本視圖的中心位置。
    .background(AngularGradient(gradient: Gradient(colors: [.orange, .red, .purple]), center: UnitPoint(x: 0.5, y: 0.5), angle: Angle.init(degrees: -45)))

    Text("SwifUI Gradient")
    .font(.system(size: 36))
    .padding()
    .foregroundColor(.white)
    .background(AngularGradient(gradient: Gradient(colors: [.orange, .red, .purple]), center: UnitPoint(x: 0.5, y: 0.5), startAngle: Angle.init(degrees: 0), endAngle: Angle.init(degrees: 0)))

}

查看運行結果：