UIView animateWithDuration 使用详解（实现动画效果）

最新推荐文章于 2020-04-08 09:18:13 发布

转载最新推荐文章于 2020-04-08 09:18:13 发布 · 5k 阅读

本文深入探讨了iOS4.0及以上版本中使用animateWithDuration方法实现动画效果的技术细节，包括函数原型、关键参数、动画效果属性设置以及如何实现连续动画等核心内容。

转载自：http://www.skype.io/cms/?p=151

这篇文章也可以跟着学学：http://blog.youkuaiyun.com/baxiaxx/article/details/7732991

http://hi.baidu.com/iosme/item/db9e618d95bb0dccb0715475

在ios4.0及以后鼓励使用animateWithDuration方法来实现动画效果。当然，以往的begin/commit的方法依然使用，下面详细解释一下animateWithDuration的使用方法。

函数原型：

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations
+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion
+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion

其中，

duration为动画持续的时间。
animations为动画效果的代码块。

下面是可以设置动画效果的属性：

frame
bounds
center
transform
alpha
backgroundColor
contentStretch

例如一个视图淡出屏幕，另外一个视图出现的代码：

[UIView animateWithDuration:1.0 animations:^{
        firstView.alpha = 0.0;
        secondView.alpha = 1.0;
}];

completion为动画执行完毕以后执行的代码块
options为动画执行的选项。可以参考这里
delay为动画开始执行前等待的时间

如何实现连续的动画？
可以在completion代码块中添加动画。
下面是实例代码：

[UIView animateWithDuration:2.0
                 animations:^{
                     oldImageView.alpha = 0.0;
                     newImageView.alpha = 1.0;
                     //imageView.center = CGPointMake(500.0, 512.0);
                 }
                 completion:^(BOOL finished){
                     [UIView animateWithDuration:4.0
                                      animations:^{
                                          newImageView.center = CGPointMake(500.0, 512.0);
                                      }];
                 }];

具体效果就是一幅图片渐渐消失，另一幅图片出现，然后图片的位置移动。