一篇文章掌握SwiftUI Animation动画技能(2020教程含源码)

欢迎订阅专栏《SwiftUI 2020教程》

本文价值与收获

看完本文后,您将能够作出下面的动画

一篇文章掌握SwiftUI Animation动画技能(2020教程含源码)
SwiftUI Animation
一篇文章掌握SwiftUI Animation动画技能(2020教程含源码)
SwiftUI Animation

看完本文您将掌握的技能

  • 动画制作的核心流程
  • 制作位移效果
  • 图片的显示与设置
  • 背景的设置
  • 自定义Button
  • 欣赏远古壁画

技术交流

我的QQ:QQ:3365059189
SwiftUI技术交流QQ群:518696470


让我们进入神奇的SwiftUI Animaiton世界吧

在学习之前,我们先回答两个问题。

为什么要学Animation动画?

为什么要学习动画,因为SwiftUI核心就是手势与动画。如果您不学习动画,基本上就不算掌握SwiftUI。

听说动画很难学,一篇文章真的能让我掌握么?

完全可能,编程其实就是学习套路,本文将告诉您动画制作的两个核心套路。掌握了这个核心套路,剩下的工作就是了解API和组织动画效果了。

什么是Animation

“animate”一词来自拉丁语,意思是“其中有生命的东西”。此外,它意味着“生命或灵魂”。因此,当您对某物进行动画处理时,便赋予了它生动活泼的外观。
每个动画都需要进行某种更改才能看到发生的事情。在SwiftUI中,我们需要先定义要更改的内容,然后对该更改进行动画处理

大多数动画包含三个流程:

  • 1.开始-这是视图的开始状态。
  • 2.更改-这是动画发生的地方。
  • 3.停止-这是视图的最终状态。

在SwiftUI中,您只需要定义开始和结束状态。这两种状态之间的更改将由SwiftUI自动处理。您可以通过多种方式来控制更改,例如速度和持续时间。

Triggers 是什么

动画需要某种触发来启动动画。当我说“触发”时,是指会提示或启动动画的事情。触发器可以是点击按钮,更改值或事件(例如屏幕出现与因此)。


SwiftUI Anination的两个核心流程

学习编程其实和学习做菜一样。为什么家庭主妇一生都无法达到厨师的水平,很多简单厨师掌握的做菜套路,而主妇不过了日复一日的重复劳动。本文将告诉您动画制作的两个核心套路。掌握了这个核心套路,您就从告别主妇模式了。