美文网首页
SwiftUI -- View 动画

SwiftUI -- View 动画

作者: jancywen | 来源:发表于2021-03-08 16:32 被阅读0次

    SwiftUI 中的动画有两种类型:显式动画隐式动画

    一、显式动画

    显式动画通过 withAnimation 触发,我们可以将改变 app 状态的操作放在 withAnimation 的闭包中,这时由状态变化所触发的 View 变化将以动画形式呈现。

    .onTapGesture { 
        withAnimation { 
            self.expanded.toggle() 
        } 
    }
    

    上述动画将以默认的动画 (Animation.default,实质上是一个 easeInOut 动画) 呈现。除了最简单的 .default 动画,我们也可以选择其他动画方式,并为它设置持续时间,动画延迟,是否重复等。

    .onTapGesture {
        let animation = Animation .linear(duration: 0.5)
            .delay(0.2)
            .repeatForever(autoreverses: true)
        withAnimation(animation) {
            self.expanded.toggle()
        }
    }
    

    二、隐式动画

    直接添加一个 animation 修饰符

    .animation(.easeInOut)
    

    相关文章

      网友评论

          本文标题:SwiftUI -- View 动画

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