728x90
스택 뷰 ( StackView )란?
- StackView란 AutoLayout을 적용해 내부에 배치된 View들을 열 또는 행에 배치해주는 인터페이스입니다.
- StackView안에 들어가는 내용물은 일반적인 Subview(하위 뷰)가 아닌 ArrangedSubView라고 합니다.
- StackView의 축(axis), distribution(분배), alignment(정렬방식), spacing(여백)에 따라 배치된다.
Distribution
- StackView의 축을 따라 정렬된 View의 위치를 정의한다.
fill | 나머지 뷰들이 자신의 크기를 가지고 남은 하나가 Stack View를 꽉채운다 각 컨텐츠의 Height 혹은 Width를 지정해줘야한다. |
fill equally | 모든 뷰가 같은 크기로 Stack View를 채운다 |
fill proportionally | Stack View의 축을 따라 SubView의 Content 사이즈에 따라 맞게 StackView를 채운다 컨텐츠의 크기에 따라 비율적으로 배분 |
Equal Spacing | 모든 뷰들이 일정한 간격으로 배치되고 StackView를 채운다 컨텐츠의 크기 변화 없이 무조건 같은 간격으로 배분 |
Equal Centering | 모든 뷰가 Center to Center간격으로 배치한다. 각 컨텐츠의 가운데끼리의 간격이 같도록 배분 |
Alignment
- StackView 내에 무엇을(상하좌우) 기준으로 정렬할지
Vertical StackView
Fill | 양 옆으로 꽉 채워짐 |
Leading | 왼쪽 정렬 |
Center | 가운데 정렬 |
Trailing | 오른쪽 정렬 |
Horizontal StackView
Fill | 위아래로 꽉 채워짐 |
Top | 위에 붙도록 정렬 |
Center | 가운데 정렬 |
Bottom | 바닥에 붙도록 정렬 |
Spacing
- Stack View 내의 View (Subview) 간의 거리를 설정하는 옵션
728x90
'기타 > iOS🍎' 카테고리의 다른 글
[iOS/Swift] 비밀번호 창에 눈알 ( 비밀번호 보이게/안보이게) how to make password hidden/shown (0) | 2022.04.19 |
---|---|
[iOS] Build input file cannot be found 오류 해결 (0) | 2022.04.18 |
[iOS] 오토 레이아웃( Auto Layout ) (0) | 2022.04.12 |
[iOS/Swift] 탭바 컨트롤러 (Tab bar Controller) 생성하기 / 스토리보드 분리하기 (0) | 2022.04.12 |
[iOS] View - 뷰 / View Controller - 뷰컨트롤러 (0) | 2022.04.12 |