오늘의 SwiftUI 1

눌러서 쓰는 Button 사용해보기

목표

  • Button 생성과 활용
  • Text를 사용해서 Button 꾸미기

짚어보기

아래내용에 대해 알고 있다면, 건너뛰어도 좋습니다.

  • 다양한 Button 생성 방법에 대해 알고있나요?
  • Button 을 꾸밀 수 있는 방법에 대해 아시나요?

SwiftUI 문서 바로가기

공부하기

Button을 생성하는 다양한 방법들에 대해 알아보자.

  1. 문자열을 입력하여 Label 을 생성하는 버튼

    Button("버튼의 타이틀") {
      // 버튼을 눌렀을때 동작할 Action 정의
    }
    
  2. Custom Label 을 표시하는 버튼 생성

    Button {
      // 버튼을 눌렀을때 동작할 Action 정의
    } label: {
      // 버튼의 생김새 정의
    }
    
  3. Custom Label 을 표시하는 role을 가진 버튼 생성

    Button("Delete", role: .desctructive) {
      // 버튼을 눌렀을때 동작할 Action 정의
    }
    

더 해보기

  • 모서리가 둥근 버튼을 만들고, Action 으로 print(”Hited!”) 를 넣어보세요.
  • ButtonRole 은 어떻게 쓰일까요? 다양한 role 에 대해 알아보고 만들어보세요.
  • 이미지를 넣은 Button 을 만들어보세요.

단축키

UI 그릴수 있는 목록 불러오기: command + shift + L (Xcode → View → Show Library)

댓글

댓글 본문
버전 관리
개발자리
현재 버전
선택 버전
graphittie 자세히 보기