SwiftUI를 이용한 트리거 이벤트 발생 ( Button )

트리거(Trigger) 될 때 작업을 수행하는 컨트롤이다.

 

기본코드

Button(action: {
}) {
    HStack {
        Image(systemName: "folder.fill")
        Text("폴더")
    }
}

 

실행화면

 

 

Action과 Label 을 제공하여 버튼을 만들 수 있다. 액션은 사용자가 버튼을 클릭하거나 택할 때 작업을 수행하는 메서드 또는 클로저 속성이다. 레이블은 예를 들어 ‘취소’와 같은 텍스트 또는 ‘뒤로 가기 화살표’와 같은 아이콘을 표시하여 단추의 동작을 실행하는 View이다.

 

텍스트 전용 레이블의 일반적인 경우에는 후행 클로저 대신 제목 문자열 (또는 현지화된 문자열 키) 사용하는 편리한 이니셜 라이저를 사용할 수 있다.

 

---

 

버튼에 액션 넣기

import SwiftUI

struct ContentView: View {
    @State private var showDetails = false

    var body: some View {
        VStack {
            Button(action: {
                self.showDetails.toggle()
            }) {
                Text("Show Event")
            }
            .buttonStyle(.bordered)

            if showDetails {
                Text("Hello World!")
            }
        }
    }
}

 

실행화면

 

---

 

버튼 스타일

• DefaultButtonStyle : 기본적인 값
• BorderlessButtonStyle : 테투리가 없는 버튼
• PlainButtonStyle : 시각적 요소를 주지 않는 버튼

 

PlainButtonStyle 적용 실행모습

 

---

개발자 Document

Apple Developer Documentation