SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色

简介: SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色

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


2466108-36dc5072bc5ede21.webp.jpg

目录
相关文章
|
7天前
cavans图形绘制(直线、矩形、原型、贝塞尔曲线、渐变背景) 2
cavans图形绘制(直线、矩形、原型、贝塞尔曲线、渐变背景) 2
12 0
|
6天前
Qt绘图(线条、椭圆、矩形、图片滚动)
Qt绘图(线条、椭圆、矩形、图片滚动)
11 3
|
7天前
cavans图形绘制(直线、矩形、原型、贝塞尔曲线、渐变背景) 1
cavans图形绘制(直线、矩形、原型、贝塞尔曲线、渐变背景)
7 0
|
API
使用Threejs创建几何体并添加材质、光源、阴影、动画,添加坐标轴
使用Threejs创建几何体并添加材质、光源、阴影、动画,添加坐标轴
423 0
使用Threejs创建几何体并添加材质、光源、阴影、动画,添加坐标轴
|
前端开发
前端案例-为盒子的四个角添加边框线
今天继续分享一个前端小demo来复习回顾一下知识点,依旧是很有趣的案例,分享给大家。 前端案例-为盒子的四个角添加边框线
324 0
前端案例-为盒子的四个角添加边框线
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
405 0
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
|
前端开发 容器
巧妙实现带圆角的渐变边框
巧妙实现带圆角的渐变边框
339 0
巧妙实现带圆角的渐变边框
SwiftUI—使用渐变提高视觉的冲击力:绘制线性渐变
SwiftUI—使用渐变提高视觉的冲击力:绘制线性渐变
212 0
SwiftUI—使用渐变提高视觉的冲击力:绘制线性渐变
SwiftUI—色相和亮度的复合动画的制作
SwiftUI—色相和亮度的复合动画的制作
115 0
SwiftUI—色相和亮度的复合动画的制作