[swift] Swift에서 디바이스 회전에 따른 레이아웃 처리 방법

08 Dec 2023

swift

iOS 앱을 개발하다보면 디바이스의 회전에 따른 레이아웃 처리가 필요한 경우가 많습니다. Swift에서는 다양한 방법을 통해 디바이스의 회전에 따른 레이아웃 처리를 할 수 있습니다. 이번 포스트에서는 Swift에서 디바이스 회전에 따른 레이아웃 처리 방법을 알아보겠습니다.

Autolayout을 이용한 레이아웃 처리

Autolayout을 이용하면 디바이스의 회전에 따라 유연하게 레이아웃을 처리할 수 있습니다. Autolayout을 설정하면 디바이스의 크기나 회전에 따라 자동으로 뷰의 크기와 위치가 조정됩니다.

override func viewDidLoad() {
    super.viewDidLoad()
    // Autolayout 설정
    view.translatesAutoresizingMaskIntoConstraints = true
}

View Controller의 Trait Collection 활용

Trait Collection은 디바이스의 특성을 뜻하며, 가로 모드, 세로 모드 등과 같이 디바이스의 특성에 따라 다른 레이아웃을 처리할 수 있습니다.

override func willTransition(to newCollection: UITraitCollection, with coordinator: UIViewControllerTransitionCoordinator) {
    super.willTransition(to: newCollection, with: coordinator)
    // Trait Collection 변경에 따른 처리
    if newCollection.verticalSizeClass == .compact {
        // 가로 모드 처리
    } else {
        // 세로 모드 처리
    }
}

View의 회전에 따른 처리

특정 View가 디바이스의 회전에 따라 다른 동작을 해야 하는 경우에는 traitCollectionDidChange 메서드를 활용할 수 있습니다.

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)
    // Trait Collection 변경에 따른 처리
    if traitCollection.verticalSizeClass == .compact {
        // 가로 모드 처리
    } else {
        // 세로 모드 처리
    }
}

이렇게 Swift에서는 Autolayout, Trait Collection, Trait Collection 변경 감지 등을 활용하여 디바이스 회전에 따른 레이아웃 처리를 할 수 있습니다.

참고 문헌:

디바이스의 회전에 대응하는 레이아웃 기능을 활용하여 사용자에게 더 나은 환경을 제공하는 앱을 개발할 수 있습니다.