创建自定义 AnyTransition

创建自定义 AnyTransition，让你的 SwiftUI 动画更上一层楼！🚀 你可以完全掌控视图的进入和退出效果，创造出独一无二的动画体验。

掌握 AnyTransition 的奥秘

AnyTransition 允许你定义视图出现和消失时的动画效果。它比内置的转场效果更灵活，让你能够实现更复杂的动画。你可以组合多个动画效果，例如缩放、旋转、平移和淡入淡出，打造出令人惊艳的视觉效果。

• insertion: 定义视图进入屏幕时的动画。
• removal: 定义视图离开屏幕时的动画。

你可以使用 AnyTransition.asymmetric(insertion:removal:) 来创建具有不同进入和退出动画的转场。

打造个性化转场动画

要创建自定义 AnyTransition，你需要使用 AnyTransition.modifier 方法。这个方法接受两个参数：

1. active: 视图出现时的状态。
2. identity: 视图消失时的状态。

你可以使用 modifier 来修改视图的属性，例如 opacity、scale 和 rotationEffect，从而创建动画效果。例如，创建一个淡入淡出的转场：

extension AnyTransition {
    static var fade: AnyTransition {
        .opacity.animation(.default)
    }
}

然后，你就可以在视图中使用这个自定义转场了：

if isVisible {
    Text("Hello, world!")
        .transition(.fade)
}

进阶技巧：组合多种动画效果

AnyTransition 的强大之处在于它可以组合多种动画效果。你可以使用 combined(with:) 方法将多个转场效果组合在一起。例如，创建一个同时缩放和淡入的转场：

extension AnyTransition {
    static var scaleAndFade: AnyTransition {
        .scale.combined(with: .opacity)
    }
}

你还可以使用 modifier 创建更复杂的动画，例如：

extension AnyTransition {
    static var slideInFromBottom: AnyTransition {
        AnyTransition.modifier(
            active: SlideInBottomModifier(offset: 200),
            identity: SlideInBottomModifier(offset: 0)
        )
    }
}

struct SlideInBottomModifier: ViewModifier {
    let offset: CGFloat

    func body(content: Content) -> some View {
        content
            .offset(y: offset)
    }
}

通过自定义 AnyTransition，你可以创造出各种各样的动画效果，让你的 SwiftUI 应用更加生动有趣。🎉 记住，动画是提升用户体验的关键，大胆尝试，创造出属于你自己的独特动画风格吧！