使用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度,由于起始角度和结束角度相同,所以此时显示两个水平的色条 }