美文网首页
SwiftUI中动画Animation(五)转场动画

SwiftUI中动画Animation(五)转场动画

作者: 刘铁崧 | 来源:发表于2020-05-31 16:04 被阅读0次

    transition有两种使用,可以直接使用合并动画,即显示隐藏共用同种动画,也可以分设置两种不同状态动画效果如下:
    效果:
    合并效果动画:

    2020-05-31 16.03.42.gif
    拆分效果动画:
    2020-05-31 16.02.46.gif

    代码:

    struct Translations: View {
        @State private var windowControl = false
        var body: some View {
            VStack{
                Button("切换视图"){
                    withAnimation{
                        self.windowControl.toggle()
                    }
                }
                // 卡片
                if windowControl{
                    Rectangle()//矩形形空间
                        .fill(Color.purple)
                        .frame(width: 300, height: 400)
    //                    .transition(.scale)//合并动画
                    //transition有两种动画 insertion显示/removal隐藏
                        .transition(.asymmetric(insertion: .scale, removal: .slide))
                }
            }
        }
    }
    

    相关文章

      网友评论

          本文标题:SwiftUI中动画Animation(五)转场动画

          本文链接:https://www.haomeiwen.com/subject/unxrzhtx.html