iOS.Animations.by.Tutorials.v2.0汉化（三）

第2章：Springs

在前一章中，您学习了如何创建UIKit的基本动画，包括如何提供起始值和结束值随着时间的UIKit，自动为你创建一个动画。

到目前为止，你的动画一直是单方向的流体运动。当你激活一个视图的位置时，它是一个从A点到B点的简单运动，就像这样：

 

在本章中，您将学习如何创建更复杂的动画，将视图移动到它们与Spring的连接上，如下所示：

 

如果你通过基本动画从A点到B点，在此基础上加点弹性，动画的运动将遵循一个下面的红色箭头指示的路径：

 

箭头从A点到B点，但是超过B点的一小部分，然后箭头又返回B点另一侧一点。这种来回摆动重复直到视图在B点静止为止。

这是一个很好的效果；它增加了一个活泼的，真实的动感，让人切身的感受到你的动画。本章将向您展示如何使用此效果为用户界面添加一点趣味性。

Spring animations弹性动画

您将继续使用上一章的项目；如果您没有完成第1章中的练习（包括第1章最后的挑战），那么您也可以从第2章的资源文件夹中获取启动项目并使用它开始新的征程。

构建和运行你的项目；你应该看到屏幕上的视图（除了登录按钮）在应用程序打开时会有像这样的动画效果：

 

您的任务是处理屏幕上的最后一个非动画元素：登录按钮。

打开项目的视图控制器ViewController，然后将下面的代码添加到viewWillAppear() :方法内的：

self.loginButton.center = CGPointMake(self.loginButton.center.x, self.loginButton.center.y + 30.0);

self.loginButton.alpha = 0.0;

正如前一章所做的那样，在y轴上设置按钮的起始位置稍低一点，并将其alpha值设置为零，使其开始为不可见。

现在viewdidappear()添加以下代码：

[UIView animateWithDuration:0.5 delay:0.5 usingSpringWithDamping:0.5 initialSpringVelocity:0.0 options:nil animations:^{

self.loginButton.center = CGPointMake(self.loginButton.center.x, self.loginButton.center.y - 30.0);

self.loginButton.alpha = 1.0;

} completion:nil];

这段代码有两个要点。

首先，您同时激活了两个不同的属性！这比你想象的容易，对吧？

其次，您第一次使用了一种新的动画方法：

animatewithduration（_:delay: usingSpringWithDamping: initialSpringVelocity: opti ons: animations: completion:）。说方法的名字太快可能会伤害你的舌头！