这是“带有UIKit的iOS用户界面”学习路径的一部分。 查看路径

UIKit动画

2020年12月10日·视频课程(2小时8分钟)·初学者

开始在iOS中为您的视图设置动画!学会控制其可见属性随时间的变化以及视图本身之间的过渡。

  • Swift 5.2,iOS 13,Xcode 11.4

自动布局动画

介绍

2:38 自由

在这一部分,你'我将学习如何在iOS中为自动版式约束设置动画。在此介绍性视频中,了解什么是动画及其如何帮助您的应用程序!

1

动画约束常量

7:50 自由

在为“装箱单”应用程序创建第一个视图动画时,对“自动布局”约束的constant属性进行动画处理。

2

尝试自己给另一个约束设置动画,并直接浏览视图属性。

3

了解如何为动态创建的视图的约束设置动画,并完全在代码中进行约束。

4

挑战时间!利用UIView.animate(withDuration :)'的delay参数,添加一个新的动画以在短暂的延迟后将项目预览移出屏幕。

5

了解使常数和乘数动画化的区别,然后尝试使用搜索和替换方法为乘数动画化。

6

尝试另一种为约束乘数动画的方法:使用IBOutlets在两个约束之间切换。

7

It'是时候为您的动画添加一点乐趣了!了解如何制作弹簧驱动的动画并自定义其效果。

8

了解如何使用视图过渡:一组预定义的视图动画,可以帮助您快速添加和删除带样式的视图。

9

在这一挑战中,请尝试使用视图转换并尝试触发它们的不同方法。

10

结论

0:31

在这部影片中'll review what you'我已经在本节中学到了,并找出了什么'动画旅程中的下一个。

11

动画UIView属性

介绍

1:54

在这一部分,你'将直接开始对视图进行动画处理。什么'动画约束和动画视图属性之间的区别是什么?

12

使用三个不同的视图属性和一些新技术来构建动画以在两个视图之间进行淡入淡出。

13

尝试使用view属性添加另一个动画。这次,使用Alpha淡入和淡出单个视图。

14

了解如何使用功能强大但有时会造成混淆的transform属性缩放,平移和旋转视图。

15

在这一挑战中,向您的最后一个动画添加变化,以使标签在不同方向之间来回滑动。

16

尝试将多个变换属性中的更改组合在一起以创建复杂的动画,并找出它们可能出错的方式。

17

使用关键帧动画创建一个包含多个属性和多个步骤的复杂动画。

18

在这一挑战中,通过向项目中再添加一个关键帧动画来巩固您的关键帧动画技能。

19

结论

0:28

回顾一下你'已在本节中学习了,并准备将您的动画技巧提高到一个新的水平。

20

动画化视图控制器过渡

介绍

1:05

了解有关视图控制器过渡的知识,以及为什么应考虑在应用中使用独特的动画对其进行自定义。

21

浏览Beginning Cook应用程序并将其全部设置为自定义视图控制器过渡动画。

22

现在您已经掌握了多个视图动画,请尝试计划构建演示动画所需的步骤。

23

通过执行所有步骤来创建自定义演示动画,按照上一个挑战执行您的计划。

24

在这一挑战中,计划为您制作演示动画所需的步骤'已经完成,然后作为解雇动画反向运行。

25

为关闭动画制定计划,并将其付诸实践以创建完全自定义的视图控制器过渡动画。

26

用几个最后的步骤包装您的自定义视图控制器过渡,以使动画真正发光。

27

结论

1:22

回顾一下你'在本节和课程中学习了这些知识,并了解了更多有关在iOS中制作动画的知识。

28

这是给谁的

熟悉Swift和Xcode的基础知识,但是UIKit动画的初学者的开发人员。

本课程是我们使用UIKit的iOS用户界面的一部分 学习路径。先入为主的知识是前提。

涵盖的概念

  • 动画化自动布局约束
  • 斯普林斯
  • 查看和查看控制器过渡
  • 变身
  • 关键帧

贡献者

评论