Gradiente SwiftUI

• Exploración de gradiente

// 线性渐变
LinearGradient(gradient: Gradient(colors: [.red,.green]), startPoint: UnitPoint.topLeading, endPoint: UnitPoint.bottomTrailing)
            .frame(width: 200, height: 200)
// 角度渐变
AngularGradient(gradient: Gradient(colors: [.red,.green]), center: UnitPoint.center).frame(width: 200, height: 200)  // 半径渐变 RadialGradient(gradient: Gradient(colors: [.red,.green]), center: UnitPoint.center, startRadius:1, endRadius: 100)  .frame(width: 200, height: 200) }

LinearGradien ：

Use LinearGradien para dibujar un fondo degradado lineal. Código de muestra:

Text("SwifUI Gradient")
    .font(.system(size: 36))
    .padding()
    .foregroundColor(.white)
 .background(LinearGradient(gradient: Gradient(colors: [.orange, .red, .purple]), startPoint: .topLeading, endPoint: .bottomTrailing))  }

AngularGradient ：

Use AngularGradient para dibujar el fondo del gradiente de color del ángulo. Código de muestra:

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)))   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)))  }

RadialGradient ：

Use RadialGradient para dibujar un fondo de degradado radial. Código de muestra:

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)))  }