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

UIView下使用Animation控制动画

2013-01-04 22:23 267 查看
UIView视图的动画功能,可以使在更新或切换视图时有放缓节奏、产生流畅的动画效果,进而改善用户体验。UIView可以产生动画效果的变化包括:

位置变化:在屏幕上移动视图。

frame - 你可以使用这个来动画的改变视图的尺寸和位置

bounds
- 改变视图的尺寸

center
- 使用这个可以动画的改变视图的位置

contentStretch-拉伸变化:改变视图内容的延展区域。

alpha-改变透明度:改变视图的alpha值。

Hidden-改变状态:隐藏或显示状态。

subView-改变视图层次顺序:视图哪个前哪个后。

transform-旋转或者缩放:即任何应用到视图上的仿射变换(transform)

backgroundColor - 使用这个可以改变视图的背景颜色

方法一:创建UIView动画块设置beginAnimations

说明:通过改变视图层次顺序将当前的View切换到BlueView

/****************************动画块**********************************************/
[UIView beginAnimations:@"View Flip" context:nil]; //申明一个动画块,
//参数一:动画块标题,此标题只有在更直接使用CoreAnimation(次动画背后的框架时)			才会用到。
//参数二:是一个(Void*)它支持指定你希望将其指针与此动画相关联的对象
[UIView setAnimationDuration:1.05]; //设置动画的持续时间
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];//设置动画曲线
/****************************动画块**********************************************/

//设置动画效果
[UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.view cache:YES];

[self.view bringSubviewToFront:blueView.view];

//执行
[UIView commitAnimations];


需要注意的是,一定要使用[UIView commitAnimations];动画才会生效

可以选则的动画类型

/*************************可选的动画类型******************************************/
UIViewAnimationTransitionFlipFromLeft                                     //从左翻转
UIViewAnimationTransitionFlipFromRight	                            //从右翻转
UIViewAnimationTransitionCurlDown	                                   //向下卷
UIViewAnimationTransitionCurlUp                                             //向上卷
/***********************************************************************************/


在IOS4.0后,我们有了新的方法:

+ (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion


依然是UIView的类方法,但使用到了Block对象,Block对象是一组指令,可以传递(像变量一样),可以把它想像成C语言的函数指针。

方法二:

其中在当前视图下,删除[blueViewController view],添加[yellowViewController view],在使用时,这两个地方要替换

[UIView transitionWithView:self.view
duration:0.2
options:UIViewAnimationOptionTransitionFlipFromLeft
animations:^{ [[blueViewController view] removeFromSuperview]; [[self view] insertSubview:yellowViewController.view atIndex:0]; }
completion:NULL];


其中animations:后的block为对特定视图发生的改变,其不能为是NULL,completion:后block为动画执行完后,需要执行的代码块,可以为NULL。

根据手册,在整个动画过程中,用户交互对于此视图是暂时无效的(而IOS5.0前,动画过程中,用户交互对于整个应用是无效的),如果想要用户可以和视图交互,可以改变 UIViewAnimationOptionAllowUserInteraction 的值。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: