애플 개발자 문서를 참고하여 작성되었습니다.

출처

스택 뷰 (Stack view)

스택 뷰는 제약 조건의 복잡성을 도입하지 않고 Auto Layout의 기능을 활용하는 쉬운 방법을 제공합니다. 단일 스택 뷰는 사용자 인터페이스 요소의 행 또는 열을 정의합니다. 스택 뷰는 속성을 기반으로 이러한 요소들을 정렬합니다:

• axis : (UIStackView만 해당) 스택 뷰의 방향을 수직 또는 수평으로 정의합니다.
• orientation : (NSStackView만 해당) 스택 뷰의 방향을 수직 또는 수평으로 정의합니다.
• distribution : 축을 따라 보기의 레이아웃을 정의합니다.
• alignment : 스택 뷰의 축에 수직인 뷰의 레이아웃을 정의합니다.
• spacing : 인접한 보기 사이의 공간을 정의합니다.

스택 뷰를 사용하려면, Interface Builder에서 세로 또는 가로 스택 뷰를 캔버스로 끌어다 놓습니다. 그런 다음 콘텐츠를 끌어서 스택에 놓습니다.

실제로 제 프로젝트에 적용하는 방식을 보여드리겠습니다.

간단하게 스택 뷰라는 것은, 자료구조에서의 스택과 같이 쌓아놓는 뷰를 구현하는 것과 같은 것으로 보입니다.

• 개체에 고유 콘텐츠 크기가 있는 경우 해당 크기로 스택에 나타납니다. 고유 콘텐츠 크기가 없는 경우 Interface Builder는 기본 크기를 제공합니다. 개체의 크기를 조정할 수 있으며 Interface Builder는 크기를 유지하기 위해 제약 조건을 추가합니다.
• 레이아웃을 더 미세하게 조정하려면 속성 관리자를 사용하여 스택 보기의 속성을 수정할 수 있습니다. 예를 들어, 다음 예는 8포인트 간격과 동일하게 채우기 분포를 사용합니다.
• 또한 스택 보기는 배열된 보기의 콘텐츠 허깅 및 압축 저항 우선 순위에 따라 레이아웃을 기반으로 합니다. 크기 관리자를 사용하여 수정할 수 있습니다.