iOS动画编程_View Animations [ 1 ] 基础View动画

来源:互联网 时间:1970-01-01

iOS中的动画

iOS系统中的应用大多都灵活运用了各种各样的动画来让自己的应用变的丰富多彩,一个App对动画的运用直接影响了用户体验,学习iOS动画编程是非常有用的

基础View动画

UIView中提供了最基础的动画
这里来演示一下最基础的几个

UIView.animateWithDuration(_:, animations:)UIView.animateWithDuration(_:, animations:, completion:)UIView.animateWithDuration(_:, delay:, options:, animations:, completion:)

Demo

这里有一个普通的登陆界面,并没有什么特别之处

现在我们来给这个界面增加特效

Duang~控件飞入视图

首先实现控件从左侧飞入界面

控件我之前已经做好了连线,在viewWillAppear方法中将它们移除视图

 override func viewWillAppear(animated: Bool) {super.viewWillAppear(animated)heading.center.x -= view.bounds.widthusername.center.x -= view.bounds.widthpassword.center.x -= view.bounds.width }

飞入视图的动画

override func viewDidAppear(animated: Bool) {super.viewDidAppear(animated)//参数为动画的运行时间UIView.animateWithDuration(0.5) { () -> Void inself.heading.center.x += self.view.bounds.width}//参数为动画的运行时间、延时、动画选项、完成后的动作//通过延时实现几个控件不同时间飞入UIView.animateWithDuration(0.5, delay: 0.3, options: UIViewAnimationOptions.CurveEaseOut, animations: { () -> Void inself.username.center.x += self.view.bounds.width}, completion: nil)UIView.animateWithDuration(0.5, delay: 0.6, options: UIViewAnimationOptions.CurveEaseOut, animations: { () -> Void inself.password.center.x += self.view.bounds.width}, completion: nil) }


相关阅读:
Top