iOS动画指南 – 1.View Animations

11924285-ab8ed0935551c26e

1.开篇

动画属性

通过修改对应视图(UIView)的属性,可以实现一些最基础的动画效果.

  • 位置和尺寸的修改: bounds frame center transform
  • 外观样式的变化: backgroundColor alpha

往往很多复杂的动效就是通过改变这些属性产生,这也是本篇的主要内容.

12924285-a7986c35dd2ef05b

普通移动.gif

动画的可选参数

上面代码的可选参数设置为空,实际上我们可以设置一些参数.

1.来回移动

13924285-140a2e73fc9d39a4

来回移动.gif
2.加速减速效果

在现实生活中,往往也会有一个加速减速的过程,我们这边也可以实现

14924285-3d2281f6ccb26881

缓慢加速缓慢减速.gif

当然啦,可选参数还有很多就不一一试了,有兴趣的同学可以尝试一下.

2.弹簧效果

其实弹簧效果就类似于惯性.

15924285-91d4f172e70028ee

16924285-ce83077fca358a36

弹簧效果.gif

3.过渡效果

看完了几个简单的位移效果,我们再来看看视图的切换效果.如果想为添加或者移除视图这个动作添加特效,那么我们可以这样做.

1.添加视图

17924285-b9ba1f02b5b86ed6

过渡效果.gif
2.移除视图,隐藏视图

通过上面这个方法我们还可以做到移除视图,隐藏视图

3.替换视图

如果需要将一个视图替换成另一个视图,那么可以这样做

18924285-00be60d214572e62

替换效果.gif

3.动画组

在实际应用中,不可避免的需要将几个动画按照次序进行先后执行.

19924285-b401e4b30e8481ec

例如,需要实现这样一个效果,该怎样去实现呢?
可能很多人第一时间就会想到这样做

这样层层嵌套也是可以实现的,但代码的可读性就打了折扣,其实官方有相关的方法给我们使用,可以这样做

20924285-7b1b740c9c51a29f

动画组.gif

本文整理自:iOS.Animations.by.Tutorials.v2.0
如有疑问,欢迎留言 :-D

1 2 收藏 1 评论

相关文章

可能感兴趣的话题



直接登录
最新评论
跳到底部
返回顶部