美文网首页
SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色

SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色

作者: anny_4243 | 来源:发表于2020-07-14 13:34 被阅读0次

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

    使用AngularGradient绘制角度颜色渐变的背景。角度渐变是指从起点到终点,颜色按顺时针做扇形渐变,即发射形渐变。
    示例代码:

    VStack{
        Text("SwifUI Gradient")
        .font(.system(size: 36))
        .padding()
        .foregroundColor(.white)
        .background(AngularGradient(gradient: Gradient(colors: [.orange, .red, .purple]), center: UnitPoint(x: 0.5, y: 0.5), angle: Angle.init(degrees: -45))) //创建一个角度渐变,起始颜色为橙色,中间颜色为红色,终点颜色为紫色。渐变的中心点位于文本视图的中心位置。将角度渐变逆时针旋转45度
    
        Text("SwifUI Gradient")
        .font(.system(size: 36))
        .padding()
        .foregroundColor(.white)
        .background(AngularGradient(gradient: Gradient(colors: [.orange, .red, .purple]), center: UnitPoint(x: 0.5, y: 0.5), startAngle: Angle.init(degrees: 0), endAngle: Angle.init(degrees: 0))) //角度渐变的默认起始角度为0度,结束角度为360度。在此设置结束角度也是0度,由于起始角度和结束角度相同,所以此时显示两个水平的色条
    
    }
    

    相关文章

      网友评论

          本文标题:SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色

          本文链接:https://www.haomeiwen.com/subject/nkmxhktx.html