IOS 五种动画详解 CAAnimation、UIView动画、Block动画、UIImageView

最新推荐文章于 2022-06-06 21:30:01 发布
最新推荐文章于 2022-06-06 21:30:01 发布
阅读量2.2k 收藏
点赞数

Core Animation，即为核心动画，它是一组非常强大的动画处理API，使用它能做出非常炫丽的动画效果，而且往往是事半功倍。也就是说，使用少量的代码就可以实现非常强大的功能。Core Animation可以用在Mac OS X和iOS平台。Core Animation的动画执行过程都是在后台操作的，不会阻塞主线程。要注意的是，Core Animation是直接作用在CALayer上的，并非UIView。

1. 使用步骤
  1. 使用它需要先添加QuartzCore.framework框架和引入主头文件<QuartzCore/QuartzCore.h>(iOS7不需要)；
  2. 初始化一个CAAnimation对象，并设置一些动画相关属性；
  3. 通过调用CALayer的addAnimation:forKey:方法增加CAAnimation对象到CALayer中，这样就能开始执行动画了；
  4. 通过调用CALayer的removeAnimationForKey:方法可以停止CALayer中的动画。
2. 结构

CAAnimation是所有动画对象的父类，负责控制动画的持续时间和速度，是个抽象类，不能直接使用，应该使用它具体的子类。属性：

duration：动画的持续时间
repeatCount：动画的重复次数
repeatDuration：动画的重复时间
removedOnCompletion：默认为YES，代表动画执行完毕后就从图层上移除，图形会恢复到动画执行前的状态。如果想让图层保持显示动画执行后的状态，那就设置为NO，不过还要设置fillMode为kCAFillModeForwards
fillMode：决定当前对象在非active时间段的行为。比如动画开始之前,动画结束之后
beginTime：可以用来设置动画延迟执行时间，若想延迟2s，就设置为CACurrentMediaTime()+2，CACurrentMediaTime()为图层的当前时间
timingFunction：速度控制函数，控制动画运行的节奏
delegate：动画代理
3. 子类

  1. CAPropertyAnimation，是CAAnimation的子类，也是个抽象类，要想创建动画对象，应该使用它的两个子类：CABasicAnimation和CAKeyframeAnimation。

    属性解析：

    1. keyPath：通过指定CALayer的一个属性名称为keyPath(NSString类型)，并且对CALayer的这个属性的值进行修改，达到相应的动画效果。比如，指定@”position”为keyPath，就修改CALayer的position属性的值，以达到平移的动画效果。

  2. CABasicAnimation

    属性解析：

    1. fromValue：keyPath相应属性的初始值。
    2. toValue：keyPath相应属性的结束值。
    3. 随着动画的进行，在长度为duration的持续时间内，keyPath相应属性的值从fromValue渐渐地变为toValue。
    4. 如果fillMode=kCAFillModeForwards和removedOnComletion=NO，那么在动画执行完毕后，图层会保持显示动画执行后的状态。但在实质上，图层的属性值还是动画执行前的初始值，并没有真正被改变。比如，CALayer的position初始值为(0,0)，CABasicAnimation的fromValue为(10,10)，toValue为(100,100)，虽然动画执行完毕后图层保持在(100,100)这个位置，实质上图层的position还是为(0,0)。

  3. CAKeyframeAnimation，CApropertyAnimation的子类，跟CABasicAnimation的区别是：CABasicAnimation只能从一个数值(fromValue)变到另一个数值(toValue)，而CAKeyframeAnimation会使用一个NSArray保存这些数值。

    属性解析：

    1. values：就是上述的NSArray对象。里面的元素称为”关键帧”(keyframe)。动画对象会在指定的时间(duration)内，依次显示values数组中的每一个关键帧。
    2. path：可以设置一个CGPathRef\CGMutablePathRef,让层跟着路径移动。path只对CALayer的anchorPoint和position起作用。如果你设置了path，那么values将被忽略。
    3. keyTimes：可以为对应的关键帧指定对应的时间点,其取值范围为0到1.0,keyTimes中的每一个时间值都对应values中的每一帧.当keyTimes没有设置的时候,各个关键帧的时间是平分的。
    4. CABasicAnimation可看做是最多只有2个关键帧的CAKeyframeAnimation。

  4. CAAnimationGroup，CAAnimation的子类，可以保存一组动画对象，将CAAnimationGroup对象加入层后，组中所有动画对象可以同时并发运行。

    属性解析：

    1. animations：用来保存一组动画对象的NSArray。
    2. 默认情况下，一组动画对象是同时运行的，也可以通过设置动画对象的beginTime属性来更改动画的开始时间。

  5. CATransition，CAAnimation的子类，用于做转场动画，能够为层提供移出屏幕和移入屏幕的动画效果。iOS比Mac OS X的转场动画效果少一点。UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果。

    属性解析：

    1. type：动画过渡类型。
    2. subtype：动画过渡方向。
    3. startProgress：动画起点(在整体动画的百分比)。
    4. endProgress：动画终点(在整体动画的百分比)。
      1. /* 过渡效果
    5.   fade     //交叉淡化过渡(不支持过渡方向) kCATransitionFade
    6.   push     //新视图把旧视图推出去  kCATransitionPush
    7.    moveIn   //新视图移到旧视图上面   kCATransitionMoveIn
         reveal   //将旧视图移开,显示下面的新视图  kCATransitionReveal
         cube     //立方体翻滚效果
         oglFlip  //上下左右翻转效果
         suckEffect   //收缩效果，如一块布被抽走(不支持过渡方向)
         rippleEffect //滴水效果(不支持过渡方向)
         pageCurl     //向上翻页效果
         pageUnCurl   //向下翻页效果
         cameraIrisHollowOpen  //相机镜头打开效果(不支持过渡方向)
         cameraIrisHollowClose //相机镜头关上效果(不支持过渡方向)
        */    
        /* 过渡方向
         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;

      1. UIView动画

            UIKit直接将动画集成到UIView类中，当内部的一些属性发生改变时，UIView将为这些改变提供动画支持.

            执行动画所需要的工作由UIView类自动完成，但仍要在希望执行动画时通知视图，为此需要将改变属性的代码放在[UIView beginAnimations:nil context:nil]和[UIView commitAnimations]之间

        常见方法解析:

            + (void)setAnimationDelegate:(id)delegate

        设置动画代理对象，当动画开始或者结束时会发消息给代理对象

            + (void)setAnimationWillStartSelector:(SEL)selector

        当动画即将开始时，执行delegate对象的selector，并且把beginAnimations:context:中传入的参数传进selector

            + (void)setAnimationDidStopSelector:(SEL)selector

        当动画结束时，执行delegate对象的selector，并且把beginAnimations:context:中传入的参数传进selector

        复制代码 
        //说明需要执行动画
[UIView beginAnimations:nil context:nil];
//设置动画持续时间
[UIView setAnimationDuration:1];
//设置转场动画
[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:self.view cache:YES];
//交换子视图的位置
[self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];
//提交动画
[UIView commitAnimations];
        复制代码

        UIView动画

        复制代码 
        + (void)setAnimationDuration:(NSTimeInterval)duration
//动画的持续时间，秒为单位
+ (void)setAnimationDelay:(NSTimeInterval)delay
//动画延迟delay秒后再开始
+ (void)setAnimationStartDate:(NSDate *)startDate
//动画的开始时间，默认为now
+ (void)setAnimationCurve:(UIViewAnimationCurve)curve
//动画的节奏控制,具体看下面的”备注”
+ (void)setAnimationRepeatCount:(float)repeatCount
//动画的重复次数
+ (void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses
//如果设置为YES,代表动画每次重复执行的效果会跟上一次相反
+ (void)setAnimationTransition:(UIViewAnimationTransition)transitionforView:(UIView *)view cache:(BOOL)cache
        复制代码

        Block动画

            + (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

            + (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.superview removeFromSuperview];

        参数解析:

            duration：动画的持续时间

            options：转场动画的类型

            animations：将改变视图属性的代码放在这个block中

            completion：动画结束后，会自动调用这个block

        UIImageView的帧动画

             UIImageView可以让一系列的图片在特定的时间内按顺序显示 .

        相关属性解析: 

            animationImages：要显示的图片(一个装着UIImage的NSArray) .

            animationDuration：完整地显示一次animationImages中的所有图片所需的时间 .

            animationRepeatCount：动画的执行次数(默认为0，代表无限循环) 

        相关方法解析: 

            - (void)startAnimating; 开始动画 .

            - (void)stopAnimating;  停止动画 .

            - (BOOL)isAnimating;  是否正在运行动画.

        UIActivityIndicatorView

            是一个旋转进度轮，可以用来告知用户有一个操作正在进行中，一般用initWithActivityIndicatorStyle初始化

        方法解析:

            - (void)startAnimating;开始动画

            - (void)stopAnimating;  停止动画

            - (BOOL)isAnimating;  是否正在运行动画

        UIActivityIndicatorViewStyle有3个值可供选择：

            UIActivityIndicatorViewStyleWhiteLarge   //大型白色指示器    

            UIActivityIndicatorViewStyleWhite      //标准尺寸白色指示器    

            UIActivityIndicatorViewStyleGray    //灰色指示器，用于白色背景

隋唐团队
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
IOS 开发之UIView动画的实例详解
08-29
主要介绍了IOS 开发之UIView动画的实例详解的相关资料,需要的朋友可以参考下
iOS一文轻松了解UIKit动画制作，如此简单
砥砺前行的博客
05-21 803
任何 Layer 的可动画属性的设置都属于某个 CATransaction，事务的作用是为了保证多个属性的变化同时进行。CABasicAnimation有三个比较重要的属性,fromValue,toValue,byValue,这三个属性都是可选的,但不能同时多于两个为非空.最终都是为了确定animation变化的起点和终点.中间的值都是通过插值方式计算出来的.插值计算的结果由timingFunction指定,默认timingFunction为nil,会使用liner的,也就是变化是均匀的.
IOS Block动画
weixin_30596023的博客
03-22 51
● + (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion 方法调用...
iOS 动画Animation-1: 动画基础：Block动画
Yan
03-08 1075
在iOS开发中，制作动画效果是最让开发者享受的环节之一。一个设计严谨、精细的动画效果能给用户耳目一新的效果，吸引他们的眼光 —— 这对于app而言是非常重要的。So 一个优秀的动画设计能让App填色不少。
iOS中的动画
weixin_34148508的博客
05-28 116
为什么80%的码农都做不了架构师？>>> ...
ios uiview动画_iOS UIView动画
从零开始的教程世界
07-16 1130
ios uiview动画In this tutorial, we’ll be animating our UI Views in various ways in the iOS Application. 在本教程中，我们将在iOS应用程序中以各种方式对UI视图进行动画处理。 iOS UIView动画 (iOS UIView Animations) Animations are a vital ...
iOS动画开发之二——UIView动画执行的另一种方式
wuxiaopengnihao1的博客
06-06 247
上一篇博客中介绍了UIView的一些常用动画，通过block块，我们可以很方便简洁的创建出动画效果：iOS动画开发之一——UIViewAnimation动画的使用 - 珲少的个人空间 - OSCHINA - 中文开源技术交流社区，这篇博客再介绍一种更加传统的执行UIView的动画的方法。 这种方式相比如block的方式，显得要麻烦一些，apple官方也推荐我们使用带block的创建动画的方式，我们可以将编程重心更多的放在动画逻辑的实现上。使用begin和commit方式主要分为三个步骤：
【iOS】UIView的动画效果
kochunk1t的博客
02-27 1814
文章目录前言位置动画透明度、颜色动画透明度颜色颜色无限渐变效果缩放动画无限放大缩小旋转动画重复动画、延时动画关于延时动画关于重复动画缓冲动画注意事项登录页面动画效果 前言 在写项目时，生硬的出场显示动画让APP缺少了观感体验，基础的动画效果是必不可少的 主要围绕着[UIView animateWithDuration:2 animations:^{}];函数进行变化 位置动画 PositionAnimation可以实现View的移动，最简单的就是X轴，Y轴的移动。可以利用在上述[UIView anima
核心动画 CAAnimation 进阶
weixin_34239169的博客
03-15 108
转载自：http://www.cofcool.net/development/2015/06/20/ios-study-note-nine-CoreAnimation/ Core Animation，即为核心动画，它是一组非常强大的动画处理API，使用它能做出非常炫丽的动画效果，而且往往是事半功倍。也就是说，使用少量的代码就可以实现非常强大的功能。Core Animation可以用在Mac OS...
我的iOS学习历程 - UIView动画与CAAnimation动画详解
qwe845751403的博客
12-15 724
CAAnimation 是一个抽象类 旗下三个子类 1.CAAnimationGroup 设置组动画 2.CAPropertyAnimation 属性动画 抽象类 旗下两个子 ① CABasicAnimation 基本动画 旋转 改变大小等 ② CAKeyframeAnimation 轨迹动画 比如改变一组颜色,按一组点移动 3 CATransaction 过度动画 私有
IOS实现碎片化动画详解
01-05
在UIView中有一个maskView属性，这个属性是我们今天实现动画的最重要的变量。这个属性在iOS8之后开始使用，用来表示视图的遮罩。什么是遮罩呢？我想了很久都没有找到合适的比喻来介绍这个。简单来说，一个UIView的...
详解iOS开发中的转场动画和组动画以及UIView封装动画
09-03
主要介绍了iOS开发中的转场动画和组动画以及UIView封装动画,主要用到了CAAnimation类和UIView类,需要的朋友可以参考下
iOS动画--UIView自带动画效果、Block动画
转身扭到脖子的专栏
11-17 1363
UIView *view1=[[UIView alloc] initWithFrame:CGRectMake(20, 20, 200, 200)];     view1.tag=100;     view1.backgroundColor=[UIColor orangeColor];     [self.window addSubview:view1];     
iOS开发UI篇—iOS开发中三种简单的动画设置
weixin_33964094的博客
05-25 201
iOS开发UI篇—iOS开发中三种简单的动画设置 【在ios开发中，动画是廉价的】 一、首尾式动画 代码示例： // beginAnimations表示此后的代码要“参与到”动画中 [UIView beginAnimations:nil context:nil]; //设置动画时长 [UIView setAnimationDuration:2.0]; ...
iOS 视图（UIView）动画
weixin_46642112的博客
04-29 643
如果需要在视图（UIView）上进行一些简单动画，可以使用视图动画。视图动画底层也是使用Core Animation，只是动画的实现细节都封装起来了。UIKit类通常都有animated布尔型参数，它可以开启动画效果。 例： swift：func setOn(_ on:Bool,animated:Bool) objectiveC:-(void)setOn:(BOOL)on animated:(BO...
iOS CoreAnimation专题——原理篇（二） UIView block动画实现原理
DH's Den
12-10 6811
上一章中我们深入研究了UIView和它持有的那个CALayer之间的关系，知道了我们对UIView的各种属性的操作实际上都是间接的操作了CALayer对应的属性。 这一章中我们将进一步探究iOS动画，看看UIView是如何将CoreAnimation封装成block动画的。
iOS UIView Block 动画- (基础动画, 关键帧动画, 动画组)
努力，可能成功！放弃，注定失败！
06-14 1458
UIView本身对于基本动画和关键帧动画、转场动画都有相应的封装，在对动画细节没有特殊要求的情况下使用起来也要简单的多1、UIView Block 基础动画 ,转场动画+ 缩放// UIView Block连续多个单动画 ,转场动画+ 缩放 - (void)blockBasicAnimation:(UIButton *)tap { [UIView transitionWithVi...
iOS 动画专题（UIView二维形变动画与CAAnimation核心动画）
H.A.N的博客
07-05 1472
1. iOS动画 总的来说，从涉及类的形式来看，iOS动画有：基于UIView的仿射形变动画，基于CAAnimation及其子类的动画，基于CG的动画。这篇文章着重总结前两种动画。 2. UIView动画 设置UIView形变动画有两种常见用到的属性，.frame，.transform，所以有的人也可以分别称之为： ① frame动画 ② transform动画 这两种动画只需要在...
2021数学建模美赛C题代码.zip
最新发布
04-24
最全的数学建模美赛C题和代码、大量刷题题库、逻辑清晰易于学习
ios anchorpoint 动画
04-29
AnchorPoint是iOS中常用的一个属性，用来指定CALayer或UIView的固定参考点，默认值为{0.5,0.5}即图层或视图的中心点。AnchorPoint的改变可以对图层或视图的位置、旋转、缩放等产生影响，是实现动画效果的重要因素之...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值