美文网首页
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(五)转场动画

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

  • 核心动画 (2) ----- Core Animation

    前言基本概念基本动画动画组转场动画转场动画 --- UIView 一. 前言 Core Animation是一...

  • iOS开发经验(9)-动画

    目录: UIView动画 Core Animation 自定义转场动画 UIDynamicAnimator弹簧动画...

  • Animation

    Animation UIImageView 封装 UIView UIView转场动画 界面跳转动画

  • iOS转场动画

    iOS自定义转场动画 首先介绍下iOS转场动画控制相关API 动画控制器 (Animation Controlle...

  • 用SwiftUI给视图添加动画

    级别:★☆☆☆☆标签:「SwiftUI」「常用动画」「转场动画」作者: WYW审校: QiShare团队 前言:最...

  • iOS-核心动画

    前言:核心动画的基础知识,包括基本动画、帧动画、转场动画相关知识。 一、核心动画(Core Animation) ...

  • Android 动画

    动画分类Animation 作用于 View 的动画Transition 转场动画,一般用于 Activity 跳...

  • iOS Core Animation (一) 基础动画

    iOS核心动画Core Animation分为几类:基础动画、关键帧动画、动画组、转场动画。关系大致如下图: CA...

  • iOS-Core Animation动画详解

    目录 一 Core Animation 二 核心动画2.1 基础动画2.2 关键帧动画2.3 动画组2.4 转场动...

网友评论

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

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