iOS动画汇总

最新推荐文章于 2022-08-23 10:23:31 发布

Allen_iOS

最新推荐文章于 2022-08-23 10:23:31 发布

阅读量554

点赞数

分类专栏：核心动画 QuartzCore框架文章标签：动画 CATransition UIView动画

10 篇文章

订阅专栏

4 篇文章

订阅专栏

iOS 简单动画主要分为三种（这是我的理解）：

[plain] view plain copy

[html] view plain copy

[UIView beginAnimations:@"animation" context:nil];
[UIView setAnimationDuration:0.6f];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
[UIView setAnimationDelegate:self];
[UIView setAnimationDidStopSelector:@selector(animationDidStop)];
[UIView setAnimationRepeatAutoreverses:NO];
[self.view addSubview:self.currentView];
[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:self.navigationController.view cache:YES];
[UIView commitAnimations];

UIViewAnimationTransition动画主要分为两种，

一种是掀开动画（就像翻日历），分别是 UIViewAnimationTransitionCurlUp ， UIViewAnimationTransitionCurlDown .

另一种是翻转动画（一般地图和列表切换会使用这种），分别是UIViewAnimationTransitionCurlUp, UIViewAnimationTransitionCurlDown .

就是上图的第一排4个按钮展现的动画

[plain] view plain copy

CATransition *transition = [CATransition animation];
transition.duration = 0.4;
transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
transition.type = kCATransitionPush;
transition.subtype = kCATransitionFromRight;
[fromView.layer addAnimation:transition forKey:nil];

CATransition动画分为4种，

1、kCATransitionFade;

2、kCATransitionPush;

3、kCATransitionReveal;

4、kCATransitionMoveIn;

后三种又可以选择4个方向，kCATransitionFromLeft 、kCATransitionFromBottom 、kCATransitionFromRight 、kCATransitionFromTop

就是上图的第2排4个按钮展现的动画

从iOS4.0以后，apple又提供了5个方法：

[plain] view plain copy

+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion NS_AVAILABLE_IOS(4_0);
+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion NS_AVAILABLE_IOS(4_0); // delay = 0.0, options = 0
+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations NS_AVAILABLE_IOS(4_0); // delay = 0.0, options = 0, completion = NULL
+ (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion NS_AVAILABLE_IOS(4_0);
+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion NS_AVAILABLE_IOS(4_0); // toView added to fromView.superview, fromView removed from its superview

例如：改变大小位置

[plain] view plain copy

或者翻转切换视图

[plain] view plain copy

[UIView transitionFromView:self.mapviewContainer toView:self.listContainer duration:0.75 options:UIViewAnimationOptionTransitionFlipFromLeft completion:^(BOOL finished){
}];

下面8个是私有api，如果应用要上appstore，请勿使用。
就是上图的下面8个按钮展现的动画