뷰와 컨트롤
컨텐츠를 화면에 표시하고 사용자 상호 작용을 처리하세요.
원문 출처 https://developer.apple.com/documentation/swiftui/views_and_controls
Summary
Framework
SwiftUI
Overview
View와 컨트롤은 앱 UI의 시각적인 블록으로써, 앱 컨텐츠를 화면에 표시하는데 사용됩니다. View는 텍스트, 이미지, 모양, Custom drawing과 이것들이 조합된 구성요소들을 나타낼 수 있습니다. 컨트롤은 플랫폼 및 맥락과 일치하는 일관된 API로 사용자가 상호작용할 수 있게 해줍니다.
컴바인 View는 시각적 관계와 계층을 지정하기 위해서 컨테이너를 사용합니다. modifers라고 불리는 메서드를 사용하면 화면, 동작, 내장된 View와 앱을 위해 생성된 View의 상호작용성을 커스텀할 수 있습니다.
modifier는 View와 컨트롤에 다음과 같은 용도로 적용될 수 있습니다:
View의 크기, 위치와 모양 속성 조정하기
탭, 제스처 등의 사용자 상호작용에 응답하기
드래그 앤 드롭 지원
애니메이션과 transition 커스터마이징
스타일 설정 및 다른 환경변수 지정
View와 컨트롤의 사용방법에 대한 더 자세한 정보는 Human Interface Guidelines를 참조하세요
주제
Essentials
protocol View 앱 UI의 일부분을 표시하고 뷰를 구성하는데 사용되는 수정자를 제공하는 타입
뷰의 생성과 조합 이 튜토리얼은 여러분이 좋아하는 장소를 발견하고 공유하는 Landmarks라는 iOS 앱을 만들면서 진행됩니다. 여러분은 랜드마크의 상세정보를 보여주는 화면을 구성하는 것부터 시작하게 될 것입니다.
UI 컨트롤로 작업하기 Landmarks 앱에서는 사용자가 프로필을 작성함으로써 개성을 표현할 수 있습니다. 사용자들에게 자기 자신의 프로필을 수정할 수 있는 기능을 제공하기 위해서 여러분들은 편집모드를 추가하고 설정 화면을 디자인하게 될 것입니다.
Text
struct Text 한 줄 이상의 읽기전용 텍스트를 보여주는 View
struct TextField 편집 가능한 텍스트 인터페이스를 보여주는 컨트롤
struct SecureField 사용자가 노출되지 않는 텍스트를 입력할 수 있는 컨트롤
struct Font 실행환경에 의존적인 폰트
Images
struct Image 실행환경에 의존적인 이미지를 표시하는 View
Buttons
struct Button 트리거 되었을 때 동작하는 컨트롤
struct NavigationLink A button that triggers a navigation presentation when pressed.
struct MenuButton 누르면 선택지 리스트를 포함한 메뉴를 나타내는 버튼
struct EditButton 현재 편집 스코프의 편집모드를 토글하는 버튼
struct PasteButton 트리거되면 클립보드로부터 데이터를 읽어오는 시스템 버튼
Value Selectors
struct Toggle on/off 상태를 토글하는 컨트롤
struct Picker 상호배제적인 선택을 수행하는 컨트롤
struct DatePicker 날짜를 선택하는 컨트롤
struct Slider 선형적으로 경계가 정해진 범위 내에서 값을 선택하는 컨트롤
struct Stepper 증가, 감소 동작을 수행하는데 사용되는 컨트롤
Supporting Types
struct ViewBuilder 클로저로부터 View를 구성해내는 커스텀 파라미터 속성
protocol ViewModifier View나 다른 ViewModifier에 적용되는 수정자(modifier)로써, 원본 값과 다른 버전을 생성해냅니다.
같이 보기
사용자 인터페이스
뷰 레이아웃과 표현 뷰를 스택에 결합하고 뷰 그룹과 리스트를 동적으로 생성하며 뷰 표현과 계층을 정의하세요
그리기와 애니메이션 색상, 모양, 그림자와 상태에 따른 커스텀 전환 애니메이션으로 뷰를 강화하세요
프레임워크 통합 기존의 앱에 SwiftUI 뷰를 통합시키고 AppKit, UIKit, WatchKit 뷰와 컨트롤러를 SwiftUI 뷰 계층에 내장시키세요
Last updated