您的位置:首页 > 产品设计 > UI/UE

UIView animateWithDuration 使用详解

2012-05-26 16:38 363 查看
在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);
}];
}];


具体效果就是一幅图片渐渐消失,另一幅图片出现,然后图片的位置移动。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: