[ios] SwiftUI 버튼

18 Dec 2023

SwiftUI를 사용하여 버튼을 만드는 방법에 대해 알아보겠습니다.

기본 버튼 생성

UIKit과 달리 SwiftUI에서는 버튼을 선언 및 생성하는 것이 매우 간단합니다. 다음은 SwiftUI 버튼의 기본 사용 예시입니다.

import SwiftUI

struct ContentView: View {
    var body: some View {
        Button(action: {
            // 버튼 클릭 시 동작
            print("버튼이 클릭되었습니다.")
        }) {
            Text("클릭하세요")
        }
    }
}

외관 및 스타일

SwiftUI에서는 버튼의 외관과 스타일을 매우 쉽게 조절할 수 있습니다. 아래 예시는 버튼의 배경색과 텍스트 스타일을 커스터마이징하는 방법을 보여줍니다.

Button(action: {
    print("버튼이 클릭되었습니다.")
}) {
    Text("클릭하세요")
        .foregroundColor(.white)
        .padding()
        .background(Color.blue)
        .cornerRadius(10)
}

상태 변화에 따른 버튼 관리

버튼의 활성화 및 비활성화 상태를 SwiftUI에서는 매우 간단하게 관리할 수 있습니다. 아래 예시는 특정 조건에 따라 버튼을 활성화 또는 비활성화 상태로 변경하는 방법을 보여줍니다.

@State private var isButtonEnabled = true

var body: some View {
    Button(action: {
        // 버튼 클릭 시 동작
    }) {
        Text("클릭하세요")
    }
    .disabled(!isButtonEnabled)
}

결론

SwiftUI를 사용하면 간단하고 유연한 방식으로 버튼을 만들고 관리할 수 있습니다. 버튼의 외관 및 동작을 세밀하게 제어할 수 있으며, 기존의 UIKit과 비교하여 훨씬 빠르게 개발할 수 있습니다. SwiftUI를 통해 애플리케이션의 사용자 인터페이스를 만드는 새로운 방식에 대해 학습하는 것은 매우 흥미로운 시간일 것입니다.

더 많은 정보는 Apple Developer Documentation를 참고하세요.