SwiftUI de la entrada al combate real Capítulo 2 Sección 14: AngularGradient

Cursos relacionados: http://hdjc8.com/hdjc/swiftUI/

Utilice AngularGradient para dibujar un fondo con un degradado de color angular. Esta lección demuestra el uso de gradientes angulares. El gradiente de ángulo se refiere al gradiente en forma de abanico del color desde el punto de inicio hasta el punto final en el sentido de las agujas del reloj, es decir, el gradiente en forma de emisión.

Código de muestra:

VStack{
    Text("SwifUI Gradient")//首先修改此处的文本视图,角度渐变将作为文本视图的背景。
    .font(.system(size: 36))//设置文本视图的字体尺寸为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)))

}

Ver los resultados de la operación:

Supongo que te gusta

Origin blog.csdn.net/fzhlee/article/details/106244208
Recomendado
Clasificación