SwiftUI 100 레시피/Graphics,Shapes,Paths and Effects

SwiftUI Graphics... - Gradients 적용하기

tonylee9239 2022. 6. 22. 12:55

#1. LinerGradient

#2. RadalGradient

 

#3. AngularGradient

 

 

import SwiftUI

 

struct ContentView: View {

    var body: some View {

        VStack {

 

            Text("Hello, World!").foregroundColor(.white)

        }.frame(maxWidth: .infinity, maxHeight: .infinity)

          

        //AngularGradient

//            .background(AngularGradient(gradient: Gradient(colors:[Color.orange, Color.blue, Color.pink, Color.green]), center: .center))

        

        

        //RadalGradient

//            .background(RadialGradient(gradient: Gradient(colors: [Color.purple, Color.orange]), center: .center, startRadius: 5, endRadius: 500))

//

        

        

        //LinerGradient

            .background(LinearGradient(gradient: Gradient(colors:[Color.orange, Color.green]), startPoint: .top, endPoint: .bottom))

                        

    }

}

 

struct ContentView_Previews: PreviewProvider {

    static var previews: some View {

        ContentView()

    }

}

 

#1. LinerGradient

 

#2. RadalGradient

 

#3. AngularGradient