UIView animateWithDuration 使用详解

转载 2012年03月22日 16:53:45

转自: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.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);
                                          }];
                     }];

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


  • 相关文章推荐

    swift2.0 CASpringAnimation 和 UIView.animateWithDuration 分别实现弹性动画

    首先我创建了两个view 一个红色的 一个黄色的 分别代表两个方法要实现动画的现实界面 var readView:UIView! var yellowView:UIView! ov...

    使用constraint时, animateWithDuration不起作用的解决方法

    调用UIView的animateWithDuration设计简单的动画是很方便的,但使用uiconstraint进行界面设计时,animateWithDuration的动画不起作用。         ...

    uiview源码使用

    • 2014年03月20日 15:00
    • 27KB
    • 下载

    swift用animateWithDuration实现简单view切换动画

    主要用到包含结束方法的动画方法 UIView.animateWithDuration(duration, animations: { }, completion: { finished ...

    使用XIB自定义一个UIView

    • 2015年01月09日 12:38
    • 22KB
    • 下载

    利用"animateWithDuration"实现带弹簧动画的顶部通知栏

    看到其他App上有带弹簧动画的顶部通知栏,于是研究了实现方法,封装了一下实现了效果,代码如下: PBFSpringEffectAlertView.h // // PBFSpringEff...

    iOS UI学习之路02 - UIWindow、UIView详解

    UIKit框架结构 构建和管理你的用户界面 捕获触摸和基于移动的事件 呈现文字和web内容 创建定制用户界面元素 UIView(视图)框架的结构图 Window和View的关系 ...

    详解iPhone中UIView动画各种表现方式 参考文档 (上)

    iPhone应用之UIView动画实现效果是本文要介绍的内容,主要是来介绍UIView动画的各种表现方式,我们先来看详细内容。 返回一个布尔值表示动画是否结束。 + (BOOL)areAnim...

    IOS UIView touch事件 详解

    前面说过UIViewController,但是UIView也是在MVC中非常重要的一层 。正是因为UIView是Iphone下所有界面的基础,所以官方专门写了一个文档“View Programming...
    内容举报
    返回顶部
    收藏助手
    不良信息举报
    您举报文章:UIView animateWithDuration 使用详解
    举报原因:
    原因补充:

    (最多只允许输入30个字)