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

SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色

2022-05-21 386

版权

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

简介： SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色

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

示例代码：

Text("SwifUI Gradient")
    .font(.system(size: 36))
    .padding()
    .foregroundColor(.white)
    .background(RadialGradient(gradient: Gradient(colors: [.orange, .red, .purple]), center: .init(x: 0.5, y: 0.5), startRadius: CGFloat(10), endRadius: CGFloat(120))) //创建一个径向渐变，起点半径为10，终点半径为120
}