您当前的位置: 首页 >  ar

LinearGradienSwiftUI从入门到实战第2章第13节:LinearGradien

发布时间:2020-05-18 20:47:18 ,浏览量:0

相关课程:http://hdjc8.com/hdjc/swiftUI/

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

使用LinearGradien绘制线形颜色渐变的背景。

示例代码:

Text("SwifUI Gradient")
    .font(.system(size: 36))//设置文本视图的字体尺寸为36,增加文字的尺寸。
    .padding()//设置文本视图的间距,增加文本视图的内边距。
    .foregroundColor(.white)//接着设置文本的颜色为白色,以突出作为背景存在的线性渐变。
    //给文本视图添加一个背景,线性渐变将被放入小括号之内。
    //创建一个线性渐变,起始颜色为橙色,中间颜色为红色,终点颜色为紫色。
    //渐变的起点位于文本视图的左上角,渐变的终点位于文本视图的右下角。
    //最后将渐变的起点修改为文本视图的右上角,终点修改为文本视图的左下角,然后对比预览窗口渐变效果的变化。
    .background(LinearGradient(gradient: Gradient(colors: [.orange, .red, .purple]), startPoint: .topLeading, endPoint: .bottomTrailing))

}

查看结果:

关注
打赏
1688896170
查看更多评论

暂无认证

  • 0浏览

    0关注

    109501博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录

0.0501s