StackView

여러개의 뷰를 정렬해서 나타낼 때 능률적인 인터페이스
StackView란 바둑판 처럼 행&열로 나열되는 뷰들의 AutoLayout을 설정할 때 간편한 인터페이스

스택뷰를 사용하여 AUtoLayout 설정하기

• 스택뷰는 총 두가지 가로 : Horizontal Stack View, 세로 : Vertical Stack View

스택뷰 생성

스택뷰에 넣고 싶은 뷰들을 모두 클릭한 상태로 Command + 클릭 -> Stack View 선택

스택뷰의 AutoLayout 설정

스택뷰는 내부 뷰의 크기에 따라 사이즈가 자동으로 정해지기 때문에 위치만 설정해두어도 AutoLayout 설정이 됨

• 스택뷰의 AutoLayout을 맞춰주면, 내부 뷰들은 그에 따라 별도의 Constraints설정 없이 정렬

Spacing

스택뷰 안의 뷰 간 간격을 설정할 때 사용

Alignment

좀더 세부적으로 정렬을 가능하게 함

• Horizontal
  
• Vertical
  

Distribution

스택뷰 안의 뷰들의 관계를 나타낼 때 사용

• Fill : 내가 맞춘 크기에 맞게 뷰들을 채움. 다만, Priority는 알아서 설정
• Fill Equally : 모든 뷰들의 크기를 같게 맞춤
• Equal Spacing : 뷰들의 간격을 동일하게 맞춤
  
• Equal Centering : 뷰들의 Center를 기준으로 간격을 동일하게 맞춤
  
• Fill Proportionally : 컨텐츠의 크기가 크면 여백이 커지고, 작으면 여백이 작아짐
  

참조
개발자 소들이