SwiftUI—使用渐变提高视觉的冲击力:绘制线性渐变

简介: SwiftUI—使用渐变提高视觉的冲击力:绘制线性渐变

和单纯的颜色相比,运用渐变技术能使画面更加丰富,给人更强的视觉冲击力。本节课演示线性渐变的使用。使用LinearGradient绘制线形颜色渐变的背景。


示例代码:


Text("SwifUI Gradient")
    .font(.system(size: 36))
    .padding() //设置文本视图的间距,增加文本视图的内边距。
    .foregroundColor(.white)
    .background(LinearGradient(gradient: Gradient(colors: [.orange, .red, .purple]), startPoint: .topLeading, endPoint: .bottomTrailing))
    //给文本视图添加一个背景,线性渐变将被放入小括号之内。
    //创建一个线性渐变,起始颜色为橙色,中间颜色为红色,终点颜色为紫色。
    //渐变的起点位于文本视图的左上角,渐变的终点位于文本视图的右下角。
}


2466108-593f785c9dda6d5e.webp.jpg

目录
相关文章
|
9月前
Echarts线性渐变、径向渐变、纹理填充
Echarts线性渐变、径向渐变、纹理填充
|
6月前
PPT 动画-多层旋转(圆角三角形)
PPT 动画-多层旋转(圆角三角形)
45 0
|
8月前
cavans图形绘制(直线、矩形、原型、贝塞尔曲线、渐变背景) 2
cavans图形绘制(直线、矩形、原型、贝塞尔曲线、渐变背景) 2
|
7月前
|
前端开发
Canvas绘画之文本缩放并旋转
Canvas绘画之文本缩放并旋转
|
7月前
|
前端开发
canvas系列教程02——圆、弧线、圆角矩形、曲线(气泡、心形、N叶草)、扇形
canvas系列教程02——圆、弧线、圆角矩形、曲线(气泡、心形、N叶草)、扇形
103 0
SVG 线性渐变 和 径向渐变
SVG 线性渐变 和 径向渐变
220 0
|
前端开发 JavaScript 内存技术
css动画animation绘制向四周扩散的圆圈
css动画animation绘制向四周扩散的圆圈
1439 0
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
479 0
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
|
前端开发 容器
阴影进阶,实现更加的立体的阴影效果!
阴影进阶,实现更加的立体的阴影效果!
409 0
阴影进阶,实现更加的立体的阴影效果!