SwiftUI는 사용자 인터페이스의 디자인과 애니메이션을 손쉽게 다룰 수 있는 강력한 도구입니다. 이번 포스트에서는 애니메이션과 투명도를 다루는 방법에 대해 알아보겠습니다.

SwiftUI 애니메이션

SwiftUI에서 애니메이션을 적용하는 가장 간단한 방법은 withAnimation 함수를 사용하는 것입니다.

Button("Animate") {
    withAnimation {
        // 애니메이션을 적용할 코드
    }
}

애니메이션을 적용하려는 코드를 withAnimation 함수 내부에 작성하면 해당 코드가 애니메이션과 함께 실행됩니다.

또한, 애니메이션의 세부 속성을 커스터마이징하려면 withAnimation 함수 내에서 애니메이션의 옵션을 설정할 수 있습니다.

withAnimation(.easeInOut(duration: 2)) {
    // 애니메이션 세부 속성 설정
}

투명도 조절

SwiftUI에서 뷰의 투명도를 조절하려면 opacity modifier를 사용합니다.

Text("Hello, SwiftUI!")
    .opacity(0.5) // 50%의 투명도 설정

또한, 사용자의 상호작용에 따라 투명도를 조절하거나 애니메이션 효과와 함께 투명도를 변경할 수도 있습니다.

@State private var isOpaque = false

Button("Toggle Opacity") {
    withAnimation {
        isOpaque.toggle()
    }
    .opacity(isOpaque ? 1 : 0.5)
}

위와 같이 SwiftUI를 사용하여 뷰의 투명도를 제어하고 애니메이션을 적용할 수 있습니다. SwiftUI의 간결하고 강력한 기능을 활용하여 멋진 사용자 인터페이스와 애니메이션을 만들어보세요.

더 많은 정보는 SwiftUI 공식 문서를 참고해주세요.