开发者社区云计算文章正文

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

2022-05-21 241

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

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

示例代码：

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