现在的位置: 首页 > 综合 > 正文

UIView animateWithDuration 使用详解

2016年08月29日 ⁄ 综合 ⁄ 共 1140字 ⁄ 字号 评论关闭

在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);
                                          }];
                     }];

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

  • 抱歉!评论已关闭.