How to rotate a view

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-rotate-a-view]

 

How to rotate a view

 

SwiftUI의 rotationEffect() modifier는 각도(degrees)나 라디안(radians)를 사용해서, 뷰를 자유롭게 회전 합니다. 

 

예를들어, 텍스트를 위로 읽을수 있게 -90도 각도로 회전하려는 경우에, 다음과 같이 사용합니다.

Text("Up we go")
    .rotationEffect(.degrees(-90))

 

라디안(radians)를 사용하는 것을 선호하는 경우에, 다음과 같이 매개변수에 .radians()를 전달합니다.

Text("Up we go")
    .rotationEffect(.radians(.pi))

 

뷰 회전은 너무 빠르므로, 원하는 경우 슬라이더를 사용해서 반응형을 만들 수 있습니다.

struct ContentView: View {
    @State private var rotation = 0.0

    var body: some View {
        VStack {
            Slider(value: $rotation, in: 0...360, step: 1.0)
            Text("Up we go")
                .rotationEffect(.degrees(rotation))
        }
    }
}

 

기본적으로 뷰는 가운데 주변을 회전하지만, 특정 지점으로 회전을 고정하고자 하는 경우에 특별한 매개변수를 추가할 수 있습니다. 예를들어 슬라이더 왼쪽 상단 모서리를 중심으로 회전하려는 경우, 다음과 같이 작성합니다.

struct ContentView: View {
    @State private var rotation = 0.0

    var body: some View {
        VStack {
            Slider(value: $rotation, in: 0...360, step: 1.0)
            Text("Up we go")
                .rotationEffect(.degrees(rotation), anchor: .topLeading)
        }
    }
}