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

2020-07-14  本文已影响0人  anny_4243

原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC33%E8%8A%82lineargradien-

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

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

}
上一篇 下一篇

猜你喜欢

热点阅读