/** CALayer 图层 每一个视图都有一个根图层,负责视图的内容显示! 图层的常用属性: */ // 1. 设置圆角 [myView.layer setCornerRadius:50]; // 2. 边框 [myView.layer setBorderColor:[UIColor whiteColor].CGColor]; [myView.layer setBorderWidth:3.0f]; // 3. 设置阴影 // 提示:要设置阴影效果,必须同时指定颜色、透明度、偏移量 [myView.layer setShadowColor:[UIColor blackColor].CGColor]; [myView.layer setShadowOpacity:1.0f]; [myView.layer setShadowOffset:CGSizeMake(10, 10)]; /** 在UIImageView & UIButton中,如果需要指定图层的圆角,需要设置 [imageView.layer setMasksToBounds:YES]; 设置的跟随属性之后,阴影设置将无效! */ /** 关于图层的可动画属性,通常在开发中,只是为了让大家理解核心动画底层的实现机制, 具体开发中,很少直接操作这些可动画属性。 这些可动画属性,通常都是在基本动画或者关键帧动画中实现的。 */ // ***************************************************************************** /** 一. 属性动画 —— 通过修改图层的可动画属性实现的动画效果 1. 基本动画 fromValue 动画起始属性 toValue 动画截止属性 2. 关键帧动画 values 动画过程中的数值 path 动画运动的路径 指定了path之后,values失效 ================================================================= 二. 使用步骤 1. 实例化动画CAKeyframeAnimation/CABasicAnimation 2. 设置动画属性(fromValue, toValue, values, path) 3. 设置动画时长 duration 4. 如果需要监听动画完成,需要设置代理 delegate,同时在 - (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag 中编写动画完成后的相关代码! 5. 将动画添加到图层 ================================================================= 三. 动画组 将基本动画和关键帧动画组合使用。 以上的知识点,需要保证脑海中有一个大概的印象即可。在需要的时候,快速检索,查看.h文件或者笔记的方式,便能够完成动画代码的编写! ================================================================= 随着苹果块动画封装的越来越好,基本动画已经被块动画替代 关键帧动画主要的应用场景:按照一定的路径运动! 在实际的应用程序开发中,大多数只需要块动画就可以解决所有的问题,过于复杂的动画效果,会让界面变得凌乱不堪,反而影响用户体验。 在应用开发中,目前还有一个动画效果比较常见的——摇晃动画,代码如下: */ #pragma mark 摇晃动画 - (void)shake { // 1. 动画 CAKeyframeAnimation *anim = [CAKeyframeAnimation animationWithKeyPath:@"transform.rotation"]; // 2. 设置角度 CGFloat angle = M_PI_4 / 10; anim.values = @[@(-angle), @(angle), @(-angle)]; anim.duration = 0.2f; anim.repeatCount = HUGE_VALF; [self.layer addAnimation:anim forKey:nil]; } /** 目前,再复杂的交互效果,通常会使用游戏框架开发,而不适用UIKit框架开发。 因为UIKit的性能较差,开发大量图片的动画应用,通常性能非常糟糕! 关于游戏框架,苹果原生的框架是:SpriteKit 第三方游戏框架:Cocos2D(iOS/OC) & Cocos2D-X(跨平台/C++) */ //============================================================================== /** 转场动画CATransition,记住以下转场动画的关键字即可 fade push moveIn reveal cube oglFlip suckEffect rippleEffect pageCurl pageUnCurl cameraIrisHollowOpen cameraIrisHollowClose 转场动画的使用步骤 1. 实例化转场动画CATransition 2. 设置类型 3. 如果有方向(上下左右),则需要设置子类型 4. 设置动画时长 5. 将动画添加到图层 除了以上几种转场动画之外,还有两个块代码转场 单视图转场动画方法 + (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion; 双视图转场动画方法: + (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion; 建议:一般在使用块代码转场时,尽量不要使用双视图转场,而使用单视图转场。 单视图转场动画,只需要在动画块代码中,修改视图的内容即可。 原因,在双视图转场中, 1> fromView的superView会被删除,即将fromView从根视图中移除 2> toView会被加入到根视图中 */ //============================================================================== /** 时钟动画 CADisplayLink 实例化时钟: _timer = [CADisplayLink displayLinkWithTarget:self selector:@selector(updateTimer)]; 将时钟添加到主运行循环,才能够在每次屏幕刷新时工作 [_timer addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode]; 相比较NSTimer而言,CADisplayLink的好处在于可以精确的在每一帧屏幕刷新时,更新界面UI,从而达到流畅的动画效果。 */