[swift] Swift에서 레이아웃에 각도 및 회전 적용하기

08 Dec 2023

swift

안녕하세요! 이번에는 Swift에서 UIView에 각도 및 회전을 적용하는 방법에 대해 알아보겠습니다. iOS 앱 개발 시 화면 상의 요소들을 동적으로 변형하고 싶을 때가 있습니다. 예를 들어, 사용자에게 독특한 경험을 제공하거나 애니메이션을 구현할 때 UIView의 각도 및 회전을 조절할 수 있습니다.

1. CGAffineTransform을 사용하여 회전 적용

UIView를 회전시키는 가장 기본적인 방법 중 하나는 CGAffineTransform를 사용하는 것입니다. 다음은 Swift에서 UIView에 각도를 적용하는 간단한 예제입니다.

// UIView 요소 생성
let myView = UIView(frame: CGRect(x: 100, y: 100, width: 100, height: 100))
myView.backgroundColor = UIColor.blue
view.addSubview(myView)

// 45도 회전 적용
myView.transform = CGAffineTransform(rotationAngle: .pi / 4)

위의 코드에서 CGAffineTransform(rotationAngle: .pi / 4) 부분은 해당 뷰를 45도로 회전시킵니다. 필요에 따라 원하는 각도를 라디안으로 변환하여 회전 각도를 적용할 수 있습니다.

2. Auto Layout과 함께 회전 적용

Auto Layout을 사용하는 경우, 뷰를 회전할 때 추가 고려 사항이 있습니다. 뷰를 회전할 때 Auto Layout에서 제대로 작동하도록 하는 방법은 다음과 같습니다.

// UIView 요소 생성
let myView = UIView()
myView.translatesAutoresizingMaskIntoConstraints = false
myView.backgroundColor = UIColor.green
view.addSubview(myView)

// Auto Layout 제약 조건 추가
NSLayoutConstraint.activate([
    myView.widthAnchor.constraint(equalToConstant: 100),
    myView.heightAnchor.constraint(equalToConstant: 100),
    myView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    myView.centerYAnchor.constraint(equalTo: view.centerYAnchor)
])

// 30도 회전 적용
myView.transform = CGAffineTransform(rotationAngle: .pi / 6)

위의 예제에서 translatesAutoresizingMaskIntoConstraints 속성을 false로 설정하여 자동 레이아웃 시스템을 사용하지 않음을 나타내었습니다. 또한, NSLayoutConstraint.activate를 사용하여 Auto Layout 제약 조건을 추가하였습니다.

이제, Swift에서 UIView에 각도 및 회전을 적용하는 방법에 대해 알아보았습니다. 해당 기술을 사용하여 iOS 앱의 UI를 더 다채롭고 독특하게 표현할 수 있을 것입니다.

참고문헌: