[iOS] 스택 뷰 ( StackView )

스택 뷰 ( 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) 간의 거리를 설정하는 옵션