[swift] SwiftUI에서의 애니메이션과 다국어 지원 연동하기

14 Dec 2023

swift

SwiftUI는 앱을 개발하기 위한 혁신적인 방법을 제공합니다. SwiftUI의 강력한 기능 중 하나는 간단한 코드로 다국어 지원 및 애니메이션을 손쉽게 구현할 수 있는 기능입니다. 여기에서는 SwiftUI에서 애니메이션과 다국어 지원을 어떻게 효과적으로 연동할 수 있는지 살펴봅니다.

애니메이션 구현

SwiftUI에서 애니메이션은 매우 간단하게 구현할 수 있습니다. 예를 들어, scaleEffect를 이용하여 뷰의 크기를 조절하는 애니메이션을 구현할 수 있습니다.

struct ContentView: View {
    @State private var isScaling = false

    var body: some View {
        Text("애니메이션 테스트")
            .scaleEffect(isScaling ? 1.5 : 1.0)
            .onTapGesture {
                withAnimation {
                    self.isScaling.toggle()
                }
            }
    }
}

위 코드에서 scaleEffect를 사용하여 텍스트뷰의 크기를 조절하고, onTapGesture를 이용하여 탭 제스처를 감지하여 애니메이션을 적용하고 있습니다.

다국어 지원

다국어 지원을 위해서는 Localizable.strings 파일을 사용하여 각 언어에 해당하는 문자열을 정의할 수 있습니다.

"testText" = "애니메이션 테스트";

다국어 지원을 위한 문자열 파일을 작성한 후, 코드에서 해당 문자열을 불러오는 방법은 다음과 같습니다.

Text(NSLocalizedString("testText", comment: ""))

애니메이션과 다국어 지원 연동하기

SwiftUI에서 애니메이션과 다국어 지원을 연동하는 것은 매우 간단합니다.

struct ContentView: View {
    @State private var isScaling = false

    var body: some View {
        Text(NSLocalizedString("testText", comment: ""))
            .scaleEffect(isScaling ? 1.5 : 1.0)
            .onTapGesture {
                withAnimation {
                    self.isScaling.toggle()
                }
            }
    }
}

위 코드에서는 위에서 구현한 애니메이션 코드에 NSLocalizedString를 사용하여 다국어 지원을 적용하고 있습니다. 이를 통해 간단히 애니메이션과 다국어 지원을 연동할 수 있습니다.

SwiftUI를 사용하면서 애니메이션과 다국어 지원을 손쉽게 구현할 수 있습니다. 이렇게 두 기능을 적절하게 연동하면 사용자 경험을 향상시키는 데 큰 도움이 될 것입니다.

참고 자료: