您当前的位置: 首页 >  ui

SwiftUI从入门到实战第2章第15节:RadialGradient

发布时间:2020-05-20 21:06:35 ,浏览量:0

使用RadialGradient绘制径向颜色渐变的背景。径向渐变从原点开始,以椭圆形状向外扩散,渐变由两部分组成:椭圆和颜色组。椭圆用来控制渐变的位置和形状,而颜色组用来控制渐变的颜色变化。

示例代码:

//首先修改此处的文本视图,径向渐变将作为文本视图的背景。
Text("SwifUI Gradient")
    .font(.system(size: 36))//设置文本视图的字体尺寸为36,增加文字的尺寸。
    .padding()//设置文本视图的间距,增加文本视图的内边距。接着设置文本的颜色为白色,以突出作为背景存在的径向渐变。
    .foregroundColor(.white)
    //创建一个径向渐变,设置它的起始颜色为橙色,中间颜色为红色,终点颜色为紫色。渐变中心点为文本视图的中心位置,起点半径为10,终点半径为120。
    .background(RadialGradient(gradient: Gradient(colors: [.orange, .red, .purple]), center: .init(x: 0.5, y: 0.5), startRadius: CGFloat(10), endRadius: CGFloat(120)))

}

查看运行结果:

《SwiftUI从入门到实战》其它章节内容:

第3章 SwiftUI页面布局

第4章 SwiftUI制作漂亮的动画

第5章 SwiftUI的交互操作

第6章 SwiftUI的页面跳转

第7章 SwiftUI项目实战

第8章 SwiftUI精彩实例

第9章 SwiftUI完整项目

关注
打赏
1688896170
查看更多评论

暂无认证

  • 0浏览

    0关注

    109501博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

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

微信扫码登录

0.0527s