当前位置: 代码迷 >> 综合 >> UIView animateWithDuration 使用详解
  详细解决方案

UIView animateWithDuration 使用详解

热度:31   发布时间:2023-12-08 10:08:00.0

转自:http://xmuliushuo.com/archives/20


在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.0animations:^{
            oldImageView.alpha = 0.0;newImageView.alpha = 1.0;//imageView.center = CGPointMake(500.0, 512.0);}completion:^(BOOL finished){
            [UIView animateWithDuration:4.0animations:^{
            newImageView.center = CGPointMake(500.0, 512.0);}];}];

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