SwiftUI中实现创建反弹动画-创新互联

SwiftUI 中实现创建反弹动画？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

从策划到设计制作，每一步都追求做到细腻，制作可持续发展的企业网站。为客户提供成都网站设计、成都做网站、网站策划、网页设计、申请域名、网页空间、网络营销、VI设计、 网站改版、漏洞修补等服务。为客户提供更好的一站式互联网解决方案,以客户的口碑塑造优易品牌,携手广大客户,共同发展进步。

SwiftUI 中的动画

在写动画之前呢先简单回顾一下 SwiftUI 中动画的几个要点：

• 动画是 view 发生变化时的渐变效果
• SwiftUI 动画分为隐式动画（ .animation() ）与显式动画（ withAnimation() ）两种
• 隐式动画是给 view 加动画，view 所有的能动画的变化都能被隐式动画影响
• 显式动画是针对某个变化进行动画，能精准控制。
• view 的插入和移除通过过渡（ transition ）来做效果，可以组合多个过渡或自定义过渡
• 要构建自定义动画，我们需要实现一个可动画的 view 修饰器（遵守 AnimatableModier 协议）或者实现一个 GeometryEffect ，并将可动画的属性通过 animatableData 暴露出来

 反弹动画

反弹动画属于“起始点和终止点相等”的动画，所以不能够通过 SwiftUI 中内建的动画来实现（因为这个 view 从结果来看没有发生变化）

我们先来构建反弹动画修饰器的框架如下：

struct Bounce: AnimatableModifier {
  var animCount: CGFloat = 0
  var amplitude: CGFloat = 10  // 振幅
  
  var animatableData: CGFloat {
    get { animCount }
    set { animCount = newValue }
  }
  
  func body(content: Content) -> some View {
    // change view to animate
  }
}

网页题目：SwiftUI中实现创建反弹动画-创新互联
新闻来源：https://www.cdcxhl.com/article30/djhppo.html

成都网站建设公司_创新互联，为您提供搜索引擎优化、微信小程序、网站收录、用户体验、自适应网站、网页设计公司

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联