原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC34%E8%8A%82angulargradient-
使用AngularGradient绘制角度颜色渐变的背景。角度渐变是指从起点到终点,颜色按顺时针做扇形渐变,即发射形渐变。
示例代码:
VStack{
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), angle: Angle.init(degrees: -45))) //创建一个角度渐变,起始颜色为橙色,中间颜色为红色,终点颜色为紫色。渐变的中心点位于文本视图的中心位置。将角度渐变逆时针旋转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))) //角度渐变的默认起始角度为0度,结束角度为360度。在此设置结束角度也是0度,由于起始角度和结束角度相同,所以此时显示两个水平的色条
}
网友评论