[swift] 스택 뷰 사용하기

14 Dec 2023

swift

스택 뷰(Stack View)는 iOS 개발에서 유용하게 활용되는 UI 도구입니다. 여러 뷰를 수직 또는 수평으로 배열할 수 있어서 화면을 구성하는 데 편리하고 유연성을 제공합니다.

스택 뷰의 장점

스택 뷰의 장점은 다음과 같습니다:

간편한 뷰 배치: 여러 뷰를 스택 뷰 안에 넣기만 하면, 자동으로 정렬 및 간격 조정이 이루어집니다.
다양한 디바이스 지원: 스택 뷰를 사용하면 화면의 크기나 장치의 회전에 따라 뷰를 조정하기가 쉽습니다.
동적인 UI 제어: 런타임에 뷰를 추가하거나 제거하는 등의 동작이 가능합니다.

스택 뷰 사용 방법

스택 뷰는 Interface Builder나 코드로 모두 사용할 수 있습니다.

Interface Builder에서 스택뷰 추가

Interface Builder를 엽니다.
스택 뷰를 추가하고, 필요한 뷰들을 스택 뷰 안에 넣습니다.
스택 뷰의 속성을 설정하여 원하는 레이아웃을 구성합니다.

코드로 스택뷰 추가

let stackView = UIStackView()
stackView.axis = .vertical // 수직 스택 뷰 설정
stackView.alignment = .center
stackView.distribution = .fillEqually

// 스택 뷰에 추가할 뷰들 정의
let view1 = UIView()
let view2 = UIView()

stackView.addArrangedSubview(view1)
stackView.addArrangedSubview(view2)

// 부모 뷰에 스택 뷰 추가
parentView.addSubview(stackView)

스택 뷰의 속성

스택 뷰의 주요 속성은 다음과 같습니다:

axis: 스택 뷰의 방향을 지정합니다. .horizontal 또는 .vertical 중 하나를 선택합니다.
alignment: 스택 뷰 안의 뷰들의 정렬 방법을 지정합니다.
distribution: 뷰들 간의 간격 및 크기 조절 방법을 지정합니다.

스택 뷰를 활용하면 iOS 앱의 UI를 보다 유연하게 구성할 수 있습니다. 다양한 디바이스에 호환되는 앱을 제작하고 싶다면, 스택 뷰를 적극적으로 활용해보세요.