[Swift iOS] 처음엔 어렵지만 알고나면 너무나도 편리한 UIStackView 사용법

UIStackView

https://developer.apple.com/documentation/uikit/uistackview

스토리보드로 UI를 구성할 경우, constraint 같은거 설정하기가 편하지만 

Code base 로 UI를 구현할 경우, 굉장히 복잡하고 까다로워진다. 

이럴 때 StackView를 잘 사용하면 한결 편하게 화면을 구성할 수 있는 것 같다. 

 

let stack = UIStackView()
stack.axis = .horizontal
stack.spacing = 8
stack.distribution = .fill
stack.alignment = .leading
stack.layoutMargins = UIEdgeInsets(top: 16, left: 16, bottom: 16, right: 16)
stack.isLayoutMarginsRelativeArrangement = true
stack.addArrangedSubview(first)
stack.addArrangedSubview(second)
stack.addArrangedSubview(third)
stack.isUserInteractionEnabled = true

layout appereances

일반 view에 적용할 수 있는 속성은 거의 다 적용 가능 하고, 다음과 같이 stackView에서 추가로 설정해줄 수 있는 부분들이 있다. 

axis : vertical (세로로 스택 쌓기) / horizontal (가로로 스택 쌓기) 

distribution : fill / equalCentering / equalSpacing / fillEqually / fillProportionally

 

 

이렇게 StackView만 잘 사용해줘도 code base 로 UI 작성하기가 훨씬 편해지지만,

이러한 StackView를 더욱 더 빠르고 편리하게 사용할 수 있도록 도와주는 FlexLayout 도 요즘 많이 사용되고 있다고 한다.