UIView animateWithDuration 使用详解(实现动画效果)

来源:互联网 发布:linux ant安装配置 编辑:程序博客网 时间:2024/04/29 22:41

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

这篇文章也可以跟着学学:http://blog.csdn.net/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);                                      }];                 }];

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