[Xcode] Stack View

💬

기초 앱 만들기 인강을 보다 보니 

Stack View를 빈번하게 사용하는 것을 볼 수 있었다.

 

인강을 보면서 따라 하기는 하지만

정확하게 어떤 기능을 하는지 이참에

제대로 알고 가면 좋을 것 같아 정리해본다. 

 

---

 

Stack View는 오토레이아웃을 사용하기 쉽게해준다.

• Vertical Stack View : View들을 세로 방향으로 일정 간격으로 배치
• Horizonal Stck View : View들을가로 방향으로 일정 간격으로 배치 

 

Stack View의 속성

• Axis : 가로 / 세로 결정
• Alignment : 위치 정렬
  - Fill : 너비 양쪽을 늘려서 채운다.
  - Leading(Top) : 왼쪽 정렬
  - Trailing(Bottom) : 오른쪽 정렬
  - Center : 가운데 정렬
• Distribution : 크기 배분
  - Fill : 하위 뷰를 하나를 정해서 늘리거나 축소시켜 공간을 채운다.  
  - Fill Equally : 모든 뷰의 높이/너비를 똑같이 만든다. 
  - Fill Proportionally : 비율에 맞춰 높이/너비가 높은 뷰는 더 많이, 낮은 뷰는 적게 늘린다. 
  - Equal Spacing : 하위 뷰의 크기가 늘어 나지 앟고 빈 공간을 LayoutGuide로 채운다. 
  - Fill Centering : 모든 View가 일정한 간격으로 배치된다. 
• Spacing : 각 View 사이의 요소들 간의 여백 

* Vertical Stack View라면 
높이는 Distribution, 너비는 Alignment가 결정한다. 

 

 

* 오토레이아웃(Auto Layout) : 다양한 사이즈의 아이폰 기기에 동일한 화면이 보일 수 있게 뷰의 크기와 위치를 동적으로 계산. 

 

 

 

 

 

 

 

 

 

 

 

 

🔗 Reference
- https://velog.io/@eddy_song/stack-view
- https://leeari95.tistory.com/45