參考:
http://www.cnblogs.com/wendingding/p/3801157.html
http://www.cnblogs.com/wendingding/p/3802830.html
切记动画的运行。是必须要按你想点击后操作開始运行的,假设是想push。那么就在其前做好动画,假设是要点击事件运行动画,就要在点击事件中加入要达到的效果。
2. 初始化一个CAAnimation对象。并设置一些动画相关属性,加入图层想要达到的动画后的结果
3. 通过调用CALayer的addAnimation:forKey:方法添加CAAnimation对象到CALayer中,这样就能開始运行动画了(此方法进行动画的触发)
4. 通过调用CALayer的removeAnimationForKey:方法能够停止CALayer中的动画
CATransition
type的常见量值:
常见的子类有:
CAMediaTiming(协议)
说明:1 > 能用的动画类仅仅有4个子类:CABasicAnimation、CAKeyframeAnimation、CATransition、CAAnimationGroup
2 > CAMediaTiming是一个协议(protocol)
CAPropertyAnimation是CAAnimation的子类,可是不能直接使用,要想创建动画对象。应该使用它的两个子类:CABasicAnimation和CAKeyframeAnimation
它有个NSString类型的keyPath属性, 可通过指定CALayer的某个属性名为keyPath,并对照CALayer的这个属性的值进行改动,达到对应的动画效果。比方:指定@“position”为keyPath,就是改动CALayer的position属性的值,以达到平移的动画效果
常见的属性有:
duration:动画的持续时间
repeatCount:动画的反复次数
timingFunction:控制动画运行的节奏
补充:全部动画对象的父类,负责控制动画的持续时间和速度,是个抽象类,不能直接使用,应该使用它的详细子类:属性解析:(有>代表来自CAMediaTiming协议的属性)
UIView封装的动画与CALayer动画的对照:
使用UIView和CALayer都能实现动画效果。可是在真实在开发中,一般还是主要使用UIView封装的动画,而非常少使用CALayer的动画。
CALayer核心动画与UIView动画的差别:
UIView封装的动画运行完成之后不会反弹,即假设是通过CALayer核心动画改变layer的位置状态,表面上看尽管已经改变了,可是实际上它的位置是没有改变的。(这个实际位置指的是什么东西,假象又是什么)
相关属性解析:
animationImages:要显示的图片(一个装着UIImage的NSArray)
animationDuration:完整地显示一次animationImages中的全部图片所需的时间
animationRepeatCount:动画的运行次数(默觉得0,代表无限循环)
相关方法解析:
方法解析:
http://www.cnblogs.com/wendingding/p/3801157.html
http://www.cnblogs.com/wendingding/p/3802830.html
切记动画的运行。是必须要按你想点击后操作開始运行的,假设是想push。那么就在其前做好动画,假设是要点击事件运行动画,就要在点击事件中加入要达到的效果。
运行动画,就是将要改动的属性封装到动画中去运行
CAAnimation是依据CALayer进行处理操作的。
当[layer addAnimation:anim forKey:@“”]; 运行后。动画就開始运行了,所以要在当中加入将要达到的效果就可以。
对于 基本动画,假设是结构体须要使用NSValue进行转换。但假设不是就能够直接使用。记得要转成id类型。可使用 @(); 这样的方式来转换。
全部的CAAnimation对象实现这个CAAction协议。而且当一个图层属性发生改变时,这个动画便会运行。
动画属性是动作的一种类型,你能够用差点儿全部你想用的动作类型去定义一个动作。然后你须要去定义一个动作对象,然后将其与你的app图层连接起来。
核心动画都是针对图层来说的,Core Animation的动画运行过程都是在后台操作的,不会堵塞主线程。要注意的是, Core Animation是直接作用在CALayer上的,并不是UIView。Core Animation的使用步骤:
1. 使用它须要先加入QuartzCore.framework框架和引入主头文件<QuartzCore/QuartzCore.h>(iOS7不须要)2. 初始化一个CAAnimation对象。并设置一些动画相关属性,加入图层想要达到的动画后的结果
3. 通过调用CALayer的addAnimation:forKey:方法添加CAAnimation对象到CALayer中,这样就能開始运行动画了(此方法进行动画的触发)
4. 通过调用CALayer的removeAnimationForKey:方法能够停止CALayer中的动画
CATransition
type的常见量值:
/* 过渡效果 fade //交叉淡化过渡(不支持过渡方向) kCATransitionFade push //新视图把旧视图推出去 kCATransitionPush moveIn //新视图移到旧视图上面 kCATransitionMoveIn reveal //将旧视图移开,显示以下的新视图 kCATransitionReveal cube //立方体翻滚效果 oglFlip //上下左右翻转效果 suckEffect //收缩效果,如一块布被抽走(不支持过渡方向) rippleEffect //滴水效果(不支持过渡方向) pageCurl //向上翻页效果 pageUnCurl //向下翻页效果 cameraIrisHollowOpen //相机镜头打开效果(不支持过渡方向) cameraIrisHollowClose //相机镜头关上效果(不支持过渡方向) */
/* subtype过渡方向 kCATransitionFromRight kCATransitionFromLeft kCATransitionFromBottom kCATransitionFromTop */CATransition的使用
CATransition *anim = [CATransition animation]; anim.type = @“cube”; // 动画过渡类型 anim.subtype = kCATransitionFromTop; // 动画过渡方向 anim.duration = 1; // 动画持续1s // 代理。动画运行完成后会调用delegate的animationDidStop:finished: anim.delegate = self; /*******中间穿插改变layer属性的代码**********/ #重要不可错位 [layer addAnimation:anim forKey:nil];CAAnimation是全部动画类的父亲,可是它不能直接使用,应该使用其子类。
常见的子类有:
CAMediaTiming(协议)
CAAnimation:
(同一颜色代表同一层级)CAPropertyAnimation:(不能直接使用,使用其子类)CABasicAnimation(能够)CAKeyframeAnimation(能够)CATransition(能够)CAAnimationGroup(能够)
说明:1 > 能用的动画类仅仅有4个子类:CABasicAnimation、CAKeyframeAnimation、CATransition、CAAnimationGroup
2 > CAMediaTiming是一个协议(protocol)
CAPropertyAnimation是CAAnimation的子类,可是不能直接使用,要想创建动画对象。应该使用它的两个子类:CABasicAnimation和CAKeyframeAnimation
它有个NSString类型的keyPath属性, 可通过指定CALayer的某个属性名为keyPath,并对照CALayer的这个属性的值进行改动,达到对应的动画效果。比方:指定@“position”为keyPath,就是改动CALayer的position属性的值,以达到平移的动画效果
常见的属性有:
duration:动画的持续时间
repeatCount:动画的反复次数
timingFunction:控制动画运行的节奏
补充:全部动画对象的父类,负责控制动画的持续时间和速度,是个抽象类,不能直接使用,应该使用它的详细子类:属性解析:(有>代表来自CAMediaTiming协议的属性)
- duration:动画的持续时间
- repeatCount:动画的反复次数
- repeatDuration:动画的反复时间
- removedOnCompletion:默觉得YES,代表动画运行完成后就从图层上移除。图形会恢复到动画运行前的状态。假设想让图层保持显示动画运行后的状态。那就设置为NO,只是还要设置fillMode为kCAFillModeForwards
- fillMode:决定当前对象在非active时间段的行为。
比方动画開始之前,动画结束之后。
- beginTime:能够用来设置动画延迟运行时间。若想延迟2s。就设置为CACurrentMediaTime() + 2, CACurrentMediaTime()为图层当前的时间。
- timingFunction:速度控制函数,控制动画运行的节奏
- delegate:动画代理
// 设置动画运行完成后不删除动画 anim.removeOnCompletion = NO;
// 设置保存动画的最新状态 anim.fillMode = kCAFillModeForwards;
UIView封装的动画与CALayer动画的对照:
使用UIView和CALayer都能实现动画效果。可是在真实在开发中,一般还是主要使用UIView封装的动画,而非常少使用CALayer的动画。
CALayer核心动画与UIView动画的差别:
UIView封装的动画运行完成之后不会反弹,即假设是通过CALayer核心动画改变layer的位置状态,表面上看尽管已经改变了,可是实际上它的位置是没有改变的。(这个实际位置指的是什么东西,假象又是什么)
block动画
1.简单说明
+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion
參数解析:
duration:动画的持续时间delay:动画延迟delay秒后開始
options:动画的节奏控制
animations:将改变视图属性的代码放在这个block中
completion:动画结束后,会自己主动调用这个block
2.转场动画
+ (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion
參数解析:
duration:动画的持续时间
view:须要进行转场动画的视图
options:转场动画的类型
animations:将改变视图属性的代码放在这个block中
completion:动画结束后。会自己主动调用这个block
+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion
參数解析:与上一个类似
方法调用完成后,相当于运行了以下两句代码:// 加入toView到父视图 [fromView.superview addSubview:toView]; // 把fromView从父视图中移除 [fromView removeFromSuperview];提示:self.customView.layer.position和self.customView.center等价。由于position的默认值为(0.5,0.5)。
补充
1.UIImageView的帧动画
UIImageView能够让一系列的图片在特定的时间内按顺序显示相关属性解析:
animationImages:要显示的图片(一个装着UIImage的NSArray)
animationDuration:完整地显示一次animationImages中的全部图片所需的时间
animationRepeatCount:动画的运行次数(默觉得0,代表无限循环)
相关方法解析:
- (void)startAnimating; 開始动画 - (void)stopAnimating; 停止动画 - (BOOL)isAnimating; 是否正在运行动画
2.UIActivityIndicatorView
是一个旋转进度轮,能够用来告知用户有一个操作正在进行中,一般用initWithActivityIndicatorStyle初始化方法解析:
- (void)startAnimating; 開始动画 - (void)stopAnimating; 停止动画 - (BOOL)isAnimating; 是否正在运行动画UIActivityIndicatorViewStyle有3个值可供选择:
UIActivityIndicatorViewStyleWhiteLarge //大型白色指示器 UIActivityIndicatorViewStyleWhite //标准尺寸白色指示器 UIActivityIndicatorViewStyleGray //灰色指示器,用于白色背景