UIKit - View

목차

UIView

• 화면을 구성하는 요소의 기본 클래스, 여러 UI Component가 상속 받고 있음
• 화면의 직사각형 영역에 대한 내용을 관리하는 개체

Container View

• 인터페이스 빌더에서만 추가할 수 있는 일종의 프록시 뷰

UITableView

• 데이터들 목록 형태로 보여줄 수 있는 가장 기본적인 UI 컴포넌트
• DataSource → 데이터를 받아 UI를 그려줌, Delegate → 동작과 외관을 담당

---

UIScrollView

• A view that allows the scrolling and zooming of its contained views
• UITableView, UITextView, UICollectionView의 부모 클래스
• Scroll View를 View Controller에 올리면 2개의 레이아웃 가이드 발생
  • Frame Layout Guide
  • Content Layout Guide

Frame Layout Guide

• 변형되지 않은 프레임을 기반으로 한 레이아웃 가이드
• 스크롤 뷰의 스크롤을 가로로 할지 세로로 할지 해당 guide를 기준으로 제약

Content Layout Guide

• 변형되지 않은 스크롤 뷰의 사각형 콘텐츠를 기반으로 한 레이아웃 가이드
• 스크롤 뷰의 콘텐츠 영역에 관련된 레이아웃 제약
• 콘텐츠의 레이아웃을 잡을때는 Scroll View와 잡는게 아니라 contentLayoutGuide를 기준

과정

• 스크롤 뷰 오토레이아웃 잡아주기
• ContentView 추가
• Content View 사이즈 설정
• Frame Layout 설정
• Width/Height 설정

---

UIStackView

• 열 또는 행에 View 들의 묶음을 배치할 수 있는 간소화된 인터페이스
• Axis → StackView의 방향을 결정 (Vertical, Horizontal)
• Distribution → StackView 안에 들어가는 뷰들의 사이즈를 어떻게 분배할지 설정
  • Fill, Fill Equally, Fill Proportionally, Equal Spacing, Equal Centering
• Alignment → StackView의 subView들을 어떤식으로 정렬할지 결정
  • Fill, Leading, Top, First Baseline, Center, Trailing, Bottom, Last Baseline
• Spacing → StackView 안에 들어가는 뷰들의 간격을 조정하는 속성