VesselWheel

버튼 기능 구현하기 by ContentView 본문

Xcode Study

버튼 기능 구현하기 by ContentView

JasonYang 2023. 10. 17. 14:41

 

//  ContentView.swift

//  ex06

//

//  Created by tjoeun on 2023/04/15.

//

 

import SwiftUI

 

struct ContentView: View {

    

    func play(){

        print("play function 호출됨")

    }

    

    var body: some View {

        VStack{

            Button(action: {

                print("Button1-Clicked")

            }){

                Text("Button1")

                    .padding()

                    .background(Color.pink)

                    .foregroundColor(Color.white)

                    .font(.largeTitle)

            }

            Divider()

            Button(action: {

                print("Button2-Clicked")

            }){

                Text("Button2")

                    .padding()

                    .background(Color.white)

                    .foregroundColor(Color.pink)

                    .font(.largeTitle)

                    .border(Color.pink, width: 3)

            }

            Divider()

            Button(action: {

                print("Button3-Clicked")

                self.play()

            }){

                Image(systemName: "play.circle")

                    .font(.largeTitle)

                    .foregroundColor(Color.red)

            }

            Divider()

            Button(action: {

                print("play clicked")

            }){

                HStack{

                    Image(systemName: "play.rectangle.fill")

                        .font(.title)

                    Text("Play")

                        .fontWeight(.semibold)

                        .font(.title)

                }

                .padding()

                .foregroundColor(.white)

                .background(Color.blue)

                .ignoresSafeArea()

                .cornerRadius(20)

            }

            Divider()

            Button(action: {

                print("play clicked")

            }){

                HStack{

                    Image(systemName: "play.rectangle.fill")

                        .font(.title)

                    Text("Play")

                        .fontWeight(.semibold)

                        .font(.title)

                }

                .padding()

                .foregroundColor(.white)

                .background(LinearGradient(gradient: Gradient(colors: [Color.red, Color.blue]), startPoint: .leading, endPoint: .trailing))

                .ignoresSafeArea()

                .cornerRadius(20)

            }

        }

    }

}

 

struct ContentView_Previews: PreviewProvider {

    static var previews: some View {

        ContentView()

    }

}