最全动画系列教程-登录动画效果

最全动画系列教程-05登录动画效果

本文系最全iOS动画系列教程中的一篇，创意来自国外的某本书里面。网络上也有类似的实现，但我用QuartzCode动画设计工具实现了此种效果。QuartzCode项目文件
按照惯例首先应该贴上效果图：

好了，这里给大家简单介绍下QuartzCode这款工具软件，官网地址
利用这个工具，可以设计一些简单的动画效果，并生成Swift或是Object C代码，目前支持Swift 2，提供代码导出功能，以及图片资源导出功能，可以直接拖拽到Xcode项目中，进行动画预览，但我的实践后，发现这个功能的话，生成的代码不太好做适配，但是可以查看一些动画参数以及封装好的动画方法，这些直接Copy后，就可以使用，当然，直接生成的代码，在Xcode中可以运行起来，简单的设置后，就可以在模拟器里面看到动画效果。更多介绍推荐大家去官网看文档，十分清晰明了。

从上面GIF动画图片中即可分析出来，上面视图用到的动画，可以用基础属性动画，以及关键帧动画来实现，用工具导出的时候选择的是关键帧动画，其实效果都一样，只是生产的代码不太一样而已。这里还有一份，就是假如我们设计这个动画效果后，并深入理解其动画原理，用Swift写出的动画效果的代码，这样会节省很多不需要的代码（相比工具生成），而且还可以自己去做适配。这个就是用视图的属性动画原理实现的，其中涉及到的属性有视图的平移也就是X轴坐标的变化，以及视图透明度的变化。其实就只有这两个属性在一定时间内，按照某种曲线开始运动，只是在什么时间内，什么时候开始动画，X轴坐标变化以及透明度更改，这些参数调整是个问题。所以当然，考虑到之前用工具已经调整好了需要的效果，导出代码后就可以清楚看到需要的参数等等。我们就可以轻松的写出代码来了。

下面贴上Swift属性动画实现源代码 地址

最后，本文并没有详细讲解动画实现原理，而是通过一款设计工具，来实现动画效果，这样更加有利于我们对动画的理解和学习，总的来说，学习肯定考自己的摸索和一些指导性的建议。我都把以上的资料都准备好了，再不学习的话，真的浪费资源了。如果对其中的
部分知识不太理解，可以去学习下iOS的核心动画教程，网上很多类似的教程。附上项目内的所有文件源文件ALL

我的github上可以看到全部项目：https://github.com/AsTryE/IOS-Teach