[swift] 레이아웃에서 뷰 간 간격 및 정렬하기

14 Dec 2023

swift

뷰 간 간격 설정하기

뷰 간의 간격을 설정할 때는 NSLayoutConstraint 클래스의 constant 속성을 사용합니다. 아래는 두 개의 뷰 간의 수평 간격을 설정하는 예제 코드입니다.

let view1 = UIView()
let view2 = UIView()

view1.translatesAutoresizingMaskIntoConstraints = false
view2.translatesAutoresizingMaskIntoConstraints = false

// 수평 간격을 20으로 설정
let horizontalConstraint = view2.leadingAnchor.constraint(equalTo: view1.trailingAnchor, constant: 20)
horizontalConstraint.isActive = true

위 코드에서 constant 속성에 20을 설정하여 두 뷰 사이의 간격을 20으로 지정했습니다.

뷰 정렬하기

뷰를 레이아웃에서 정렬하기 위해서는 NSLayoutConstraint 클래스의 anchor 속성과 constraint 메서드를 이용합니다. 아래는 뷰를 수평으로 가운데 정렬하는 예제 코드입니다.

let containerView = UIView()
let subview = UIView()

containerView.addSubview(subview)

subview.translatesAutoresizingMaskIntoConstraints = false

// 수평으로 가운데 정렬
subview.centerXAnchor.constraint(equalTo: containerView.centerXAnchor).isActive = true

위의 코드는 centerXAnchor를 사용하여 뷰를 수평으로 가운데 정렬했습니다.

따라서, NSLayoutConstraint를 사용하여 뷰 간의 간격을 조절하고 정렬하는 것은 Swift에서 레이아웃을 다룰 때 유용한 기술입니다.

이러한 레이아웃 설정에 대한 추가 정보는 Apple Developer Documentation을 참고하시기 바랍니다.