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

UIView animateWithDuration 使用详解

2018年05月11日 ⁄ 综合 ⁄ 共 1142字 ⁄ 字号 评论关闭

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

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

  • 抱歉!评论已关闭.