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线性渐变、径向渐变、纹理填充
|
图形学
浅谈Unity之ShaderGraph-等高线和高程渐变设色
ShaderGraph实现等高线和高程渐变设色
|
6月前
PPT 动画-多层旋转(圆角三角形)
PPT 动画-多层旋转(圆角三角形)
45 0
|
8月前
cavans图形绘制(直线、矩形、原型、贝塞尔曲线、渐变背景) 2
cavans图形绘制(直线、矩形、原型、贝塞尔曲线、渐变背景) 2
|
8月前
Qt绘图(线条、椭圆、矩形、图片滚动)
Qt绘图(线条、椭圆、矩形、图片滚动)
513 3
|
8月前
cavans图形绘制(直线、矩形、原型、贝塞尔曲线、渐变背景) 1
cavans图形绘制(直线、矩形、原型、贝塞尔曲线、渐变背景)
|
前端开发
自定义View 绘制 ,范围裁切,几何变换
自定义View 绘制 ,范围裁切,几何变换
自定义View 绘制 ,范围裁切,几何变换
|
前端开发 JavaScript
canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备
canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备
957 0
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
479 0
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色
SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色
404 0
SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色

热门文章

最新文章