iOS核心动画-2

翻译 2015年07月10日 15:27:47

一.基本方式:使用UIView类的UIViewAnimation扩展
函数说明

复制代码
+ (void)beginAnimations:(NSString *)animationID context:(void *)context; // 开始准备动画
+ (void)commitAnimations; // 运行动画

// 没有get方法,下面的set在快外调用无效
+ (void)setAnimationDelegate:(id)delegate; // 委托default = nil
+ (void)setAnimationWillStartSelector:(SEL)selector; // default = NULL. -animationWillStart:(NSString *)animationID context:(void *)context
+ (void)setAnimationDidStopSelector:(SEL)selector; // default = NULL. -animationDidStop:(NSString *)animationID finished:(NSNumber *)finished context:(void *)context
+ (void)setAnimationDuration:(NSTimeInterval)duration; // default = 0.2动画时间
+ (void)setAnimationDelay:(NSTimeInterval)delay; // default = 0.0延迟多少时间开始执行动画
+ (void)setAnimationStartDate:(NSDate *)startDate; // default = now ([NSDate date])动画开始日期?不知道啥用.- -
+ (void)setAnimationCurve:(UIViewAnimationCurve)curve; // default = UIViewAnimationCurveEaseInOut动画方式
+ (void)setAnimationRepeatCount:(float)repeatCount; // default = 0.0. May be fractional重复次数
+ (void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses; // default = NO. YES的话,动画(非最后一次)结束后动态复原到最开始状态
+ (void)setAnimationBeginsFromCurrentState:(BOOL)fromCurrentState; // default = NO. YES,停止之前的动画,从现在这里开始新动画the current view position is always used for new animations -- allowing animations to "pile up" on each other. Otherwise, the last end state is used for the animation (the default).

+ (void)setAnimationTransition:(UIViewAnimationTransition)transition forView:(UIView *)view cache:(BOOL)cache; // 添加动画到view上,cache是YES的时候比较高效,但是动画过程中不能更新界面上的内容,NO时每一帧都重新画,可以实时更新
+ (void)setAnimationsEnabled:(BOOL)enabled; // 是否忽略一些动画设置
+ (BOOL)areAnimationsEnabled;
复制代码


一个动画的代码

复制代码
[UIView beginAnimations:nil context:nil];
[UIView setAnimationCurve:UIViewAnimationCurveLinear];
[UIView setAnimationDuration:2.7];
[UIView setAnimationTransition:transition forView:self.view cache:YES];
// operation>>>
[self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];
// end<<<<<<
[UIView commitAnimations];
复制代码

其中transition取值范围

复制代码
typedef enum {
UIViewAnimationTransitionNone,
UIViewAnimationTransitionFlipFromLeft,
UIViewAnimationTransitionFlipFromRight,
UIViewAnimationTransitionCurlUp,
UIViewAnimationTransitionCurlDown,
} UIViewAnimationTransition;
复制代码

特点:基础,使用方便,但是效果有限

二.block方式:使用UIView类的UIViewAnimationWithBlocks扩展

函数说明

复制代码
+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_4_0);//间隔,延迟,动画参数(好像没用?),界面更改块,结束块

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_4_0); // delay = 0.0, options = 0

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_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 __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_4_0);

+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_4_0); // toView added to fromView.superview, fromView removed from its superview界面替换,这里的options参数有效
复制代码

举例:

复制代码
[UIView animateWithDuration:0.7 delay:0 options:0 animations:^(){
self.view.alpha = 0.2;
[self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0];
self.view.alpha = 1;
} completion:^(BOOL finished)
{

}];
复制代码

当areAnimationsEnabled为NO时,上面不能动画显示

复制代码
[UIView transitionFromView:lImage toView:mImage duration:0.7 options:options completion:^(BOOL finished)
{
if (finished) {
[self.view addSubview:lImage];
[self.view sendSubviewToBack:lImage];
[self.view sendSubviewToBack:mImage];
} 
}];
复制代码

options取值范围

复制代码
enum {
UIViewAnimationOptionLayoutSubviews = 1 << 0,
UIViewAnimationOptionAllowUserInteraction = 1 << 1, // turn on user interaction while animating
UIViewAnimationOptionBeginFromCurrentState = 1 << 2, // start all views from current value, not initial value
UIViewAnimationOptionRepeat = 1 << 3, // repeat animation indefinitely
UIViewAnimationOptionAutoreverse = 1 << 4, // if repeat, run animation back and forth
UIViewAnimationOptionOverrideInheritedDuration = 1 << 5, // ignore nested duration
UIViewAnimationOptionOverrideInheritedCurve = 1 << 6, // ignore nested curve
UIViewAnimationOptionAllowAnimatedContent = 1 << 7, // animate contents (applies to transitions only)
UIViewAnimationOptionShowHideTransitionViews = 1 << 8, // flip to/from hidden state instead of adding/removing

UIViewAnimationOptionCurveEaseInOut = 0 << 16, // default
UIViewAnimationOptionCurveEaseIn = 1 << 16,
UIViewAnimationOptionCurveEaseOut = 2 << 16,
UIViewAnimationOptionCurveLinear = 3 << 16,

UIViewAnimationOptionTransitionNone = 0 << 20, // default
UIViewAnimationOptionTransitionFlipFromLeft = 1 << 20,
UIViewAnimationOptionTransitionFlipFromRight = 2 << 20,
UIViewAnimationOptionTransitionCurlUp = 3 << 20,
UIViewAnimationOptionTransitionCurlDown = 4 << 20,
UIViewAnimationOptionTransitionCrossDissolve = 5 << 20,//ios5
UIViewAnimationOptionTransitionFlipFromTop = 6 << 20,//ios5
UIViewAnimationOptionTransitionFlipFromBottom = 7 << 20,//ios5
};
typedef NSUInteger UIViewAnimationOptions;
复制代码

特点:快捷方便,效果更多.可以如上示例1那样实现界面个元素属性渐进变化的动态展示

三.core方式:使用CATransition类
使用要引入QuartzCore.framework
官方有个示例:ViewTransitions
基本上就是

复制代码
CATransition *transition = [CATransition animation];
transition.duration = 0.7;
transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
transition.type = kCATransitionMoveIn;//{kCATransitionMoveIn, kCATransitionPush, kCATransitionReveal, kCATransitionFade};

//更多私有{@"cube",@"suckEffect",@"oglFlip",@"rippleEffect",@"pageCurl",@"pageUnCurl",@"cameraIrisHollowOpen",@"cameraIrisHollowClose"};
transition.subtype = kCATransitionFromLeft;//{kCATransitionFromLeft, kCATransitionFromRight, kCATransitionFromTop, kCATransitionFromBottom};

transition.delegate = self;
[self.view.layer addAnimation:transition forKey:nil];

// 要做的
[self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0];
复制代码

其中需要注意的是:界面调整(动画前后展示的两个界面)需要在动画时间内完成,否则没有效果,对下次也有影响,我测的不是太完整,大家自己写个performSelector: withObject: afterDelay:试验下看看就知道.

特点:动画效果较多(但是私有),可以实现UIViewController之间的动画

demo:animations.zip

iOS开发基础知识:Core Animation(核心动画) 详解

http://www.jianshu.com/p/8c1c1697c0ce Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的...
  • jeffasd
  • jeffasd
  • 2016年03月04日 17:28
  • 905

iOS Objective-C基本核心动画,偏移,旋转,缩放,路径,抖动,组动画

/* 主要思路就是创建CABasicAnimation、CAKeyframeAnimation、CAAnimationGroup对象,编写相应的动画效果后添加到view的layer里面。 ...
  • sinat_31177681
  • sinat_31177681
  • 2016年04月11日 00:05
  • 2978

iOS核心动画--浅析三个动画的实现

点击打开链接 http://www.jianshu.com/p/272aa1f26c62 动画和绘图是iOS开发中非常重要的部分。我们要实现一个动效,首先就是动画解析,分析...
  • wangrui13931182709
  • wangrui13931182709
  • 2016年04月19日 16:35
  • 1607

iOS 之 UIView自带动画和核心动画

一、UIView自带动画(UIKit框架中)         注意:只有当UIView的以下属性改变时才能产生动画效果,且这些动画效果都是平面性的(二维的),基于手机屏幕的平面,主要有“平移(位置...
  • aixiaodefengzi
  • aixiaodefengzi
  • 2015年12月30日 22:18
  • 557

XMG 核心动画与UIView动画的区别

1. 如果不需要与用户交互则使用核心动画,因为核心动画只是假象,并没有真实的改变UIView的属性值 UIView 必须通过改变属性值  才能完成动画 //    ...
  • u012131827
  • u012131827
  • 2016年05月21日 20:39
  • 166

iOS核心动画高级技巧一

1.图树层图层的树状结构 Core Animation其实是一个令人误解的命名。你可能认为它只是用来做动画的,但实际上它是从一个叫做CAlayer Kit这么一个不怎么和动画有关的名字演变而来,所以...
  • levine_hhb
  • levine_hhb
  • 2016年03月18日 13:54
  • 329

iOS开发中的核心动画-Core Animation-

Core Animation、CAAnimation的继承结构、CAPropertyAnimation、CABasicAnimation、CAKeyframeAnimation、CAAnimation...
  • whjForWork
  • whjForWork
  • 2015年03月18日 23:38
  • 1389

核心动画编程指南Core Animation Programming Guide - iOS

核心动画编程官方文旦的简单记录总结
  • zyq522376829
  • zyq522376829
  • 2016年09月07日 10:13
  • 2414

iOS 核心动画2

- (void)addLayer {     myLayer = [[CALayer alloc]init];     myLayer.backgroundColor = [UIColor br...
  • xhl916235259
  • xhl916235259
  • 2015年09月29日 20:48
  • 131

iOS核心动画笔记2

一注意:上图中的黑色虚线代表”继承”某个类,红色虚线代表“遵守”某个协议 CAAnimationGroup: 组动画 CAPropertyAnimation:属性动画 CATransition:...
  • changyou0730
  • changyou0730
  • 2015年12月01日 09:56
  • 338
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS核心动画-2
举报原因:
原因补充:

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