関連コース: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)))
}
操作の結果を表示します。