iOS 앱을 개발할 때 다양한 디바이스 크기에 대응하기 위해서는 오토레이아웃(Auto Layout)를 사용하는 것이 좋습니다. 오토레이아웃을 사용하면 화면의 다양한 크기에 대응하여 일관된 UI를 제공할 수 있습니다. 하지만, 기존에 오토레이아웃을 사용하지 않고 개발된 프로젝트에 대해서는 디바이스 크기에 따라 UI를 동적으로 조절해야 하는 경우가 발생할 수 있습니다.

이때 Autoresizing Masks를 사용하여 기존의 UI를 동적으로 조절할 수 있습니다. Autoresizing Masks는 화면 크기 변경에 대응하여 뷰의 크기와 위치를 조절하는 데 사용됩니다.

Autoresizing Masks란?

Autoresizing Masks는 UIView 클래스의 속성으로, 뷰의 크기와 위치를 설정할 때 사용됩니다. 각 뷰는 상하좌우의 여백, 크기 및 위치를 정의하는 마스크를 가지고 있습니다. 따라서 디바이스의 크기가 변할 때 이러한 마스크를 기반으로 뷰를 적절히 조정할 수 있습니다.

Autoresizing Masks 설정하기

UIView의 autoresizingMask 속성을 사용하여 Autoresizing Masks를 설정할 수 있습니다. 예를 들어, 아래의 예시 코드는 UIView를 생성하고 Autoresizing Masks를 설정하는 방법을 보여줍니다.

let subview = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
subview.backgroundColor = UIColor.blue
subview.autoresizingMask = [.flexibleWidth, .flexibleHeight]
parentView.addSubview(subview)

위의 코드에서는 subview에 Autoresizing Masks를 적용하여 화면 크기가 변할 때 subview가 가로 및 세로 방향으로 확장되도록 설정하였습니다.

Autoresizing Masks의 옵션

Autoresizing Masks에는 다양한 옵션이 있으며, 각 옵션은 뷰의 크기 및 위치를 조정하는 방법을 정의합니다. 주요 옵션으로는 다음이 있습니다.

• .flexibleWidth : 가로 크기에 동적으로 조정됩니다.
• .flexibleHeight : 세로 크기에 동적으로 조정됩니다.
• .flexibleLeftMargin : 왼쪽 여백에 동적으로 조정됩니다.
• .flexibleRightMargin : 오른쪽 여백에 동적으로 조정됩니다.
• .flexibleTopMargin : 위쪽 여백에 동적으로 조정됩니다.
• .flexibleBottomMargin : 아래쪽 여백에 동적으로 조정됩니다.

Autoresizing Masks 사용 시 유의할 점

Autoresizing Masks를 사용할 때에는 현재의 레이아웃 시스템과 충돌하지 않도록 주의해야 합니다. 또한, Autoresizing Masks만으로는 복잡한 레이아웃을 구현하기 어려울 수 있으므로 가능하면 오토레이아웃을 사용하는 것이 좋습니다.

여기까지 Autoresizing Masks를 이용한 오토레이아웃 대응에 대해 알아보았습니다. 이러한 방법을 사용하여 기존의 UI를 동적으로 조절하여 여러 디바이스에 대응하는 앱을 개발할 수 있습니다.

참고 자료

• Apple Developer Documentation - Autoresizing Masks
• Ray Wenderlich - Beginning Auto Layout Tutorial in iOS 12