Swift UI는 iOS 앱 개발에 사용되는 최신 UI 프레임워크입니다. 이 프레임워크에서는 다양한 종류의 버튼 스타일을 제공하여 앱의 사용자 인터페이스를 풍부하게 꾸밀 수 있습니다. 이번 포스트에서는 Swift UI에서 사용되는 주요한 버튼 스타일에 대해 알아보겠습니다.

1. Default 버튼 스타일

Default 버튼 스타일은 Swift UI에서 가장 일반적으로 사용되는 스타일입니다. 이 스타일은 버튼 내부에 텍스트를 표시하고 텍스트의 크기와 색상을 설정할 수 있습니다. 기본 색상은 시스템 기본 설정에 따라 달라질 수 있습니다.

Button(action: {
    // 버튼 클릭 시 실행될 코드
}) {
    Text("Default 버튼")
        .font(.title)
        .foregroundColor(.white)
        .padding()
        .background(Color.blue)
        .cornerRadius(10)
}

위의 예제 코드에서는 Text뷰를 사용하여 버튼 내에 텍스트를 표시하고, font와 foregroundColor 속성을 사용하여 텍스트의 스타일을 지정합니다. padding 속성은 버튼의 내부 여백을 설정하고, background 속성은 버튼의 배경색을 지정합니다. 마지막으로 cornerRadius 속성은 버튼의 모서리를 둥글게 만듭니다.

2. Border 버튼 스타일

Border 버튼 스타일은 버튼 주변에 테두리를 추가하여 버튼을 강조하는 스타일입니다. 이 스타일은 주로 중요한 작업을 나타내는 버튼에 사용됩니다.

Button(action: {
    // 버튼 클릭 시 실행될 코드
}) {
    Text("Border 버튼")
        .font(.title)
        .foregroundColor(.blue)
        .padding()
        .background(Color.white)
        .cornerRadius(10)
        .overlay(
            RoundedRectangle(cornerRadius: 10)
                .stroke(Color.blue, lineWidth: 2)
        )
}

위의 예제 코드에서는 overlay를 사용하여 버튼의 주위에 테두리를 그립니다. stroke 메서드를 사용하여 테두리의 색상과 두께를 지정합니다.

3. Filled 버튼 스타일

Filled 버튼 스타일은 버튼을 클릭 가능하게 만들기 위해 배경색을 지정하는 스타일입니다. 이 스타일은 주로 사용자가 데이터를 입력하거나 제출하는 버튼에 사용됩니다.

Button(action: {
    // 버튼 클릭 시 실행될 코드
}) {
    Text("Filled 버튼")
        .font(.title)
        .foregroundColor(.white)
        .padding()
        .background(Color.blue)
        .cornerRadius(10)
        .padding(.horizontal, 20)
}

위의 예제 코드에서는 background 속성을 사용하여 배경색을 지정합니다. padding(.horizontal, 20)를 사용하여 버튼의 좌우 여백을 설정합니다.

이외에도 Swift UI에서는 다양한 버튼 스타일을 제공하고 있으며, 개발자는 필요에 따라 커스텀 버튼 스타일을 만들어 사용할 수도 있습니다. Swift UI의 버튼 스타일을 활용하여 앱의 사용자 인터페이스를 멋지게 디자인해보세요!