UIStackView

 

UIStackView

스택뷰란, 여러가지 뷰들을 쌓아 이루어진 뷰를 의미한다. 스택뷰에는 두가지 종류가 있는데 아래와 같다.

1. Vertical StackView : 세로 방향으로 쌓아지는 스택뷰

2. Horizontal StackView : 가로 방향으로 쌓아지는 스택뷰

 

Vertical StackView 생성

 

UIView 를 3개 만들고, StackView 안에 Drag & Drop 으로 넣어준다.

 

Spacing

스택뷰 안에 들어있는 뷰간의 거리를 설정할 수 있다.

 

Spacing 이 0 / 10 / 50 일 때 비교한 것이다.

Spacing 이 잘 보이게 위해서 StackView 의 컬러를 파란색으로 설정했다.

 

Distribution

스택 뷰 내부의 사이즈 분배에 관할 설정이다.

Full Equally 를 선택하면 아래 사진 처럼 3가지 뷰의 사이즈가 동일하게 맞춰진다.

 

스택 뷰 안에 isHidden = true 라고 세팅했을 때

스택 뷰의 가장 중요한 속성 중 하나로 내부에 있는 뷰를 Hidden 처리하면, 알아서 정렬이 되며 스택 뷰의 사이즈가 바뀌게 된다.

 

가운데 있던 오렌지 색상의 뷰를 isHidden = true 로 처리했을 때의 모습이다. 테트리스 처럼 남아있는 뷰들이 다시 스택뷰를 이루러 자리를 찾아가게 된다.