smallSun15
smallSun15

iOS---CoreAnimation

内容

关于图层动画相关框架的介绍

CoreAnimation结构及图层动画

1. CoreGraphics，QuartzCore, CoreAnimation区别

对CoreGraphics，QuartzCore, CoreAnimation 这三个概念傻傻分不清，先梳理一下

CoreGraphics(核心图形)

iOS的核心图形库，包含Quartz2D绘图API接口,常用的是point，size，rect等这些图形，都定义在这个框架中，类名以CG开头的都属于CoreGraphics框架，它提供的都是C语言函数接口，是可以在iOS和mac OS 通用的

QuartzCore

Quartz是位于Mac OS X的Drawin核心之上的绘图层，这个框架感觉不是很清晰，但是看头文件可以发现，它就是CoreAnimation，这个框架头文件只包含了CoreAnimation.h

CoreAnimation(核心动画)

CoreAnimation翻译过来就是核心动画,一组非常强大的API，用来做动画的，非常的简单，但是效果非常绚丽

CoreAnimation是跨平台的，既可以支持IOS，也支持MAC OS

CoreAnimation执行动画是在后台，不会阻塞主线程

CoreAnimation作用在CALayer，不是UIView

CoreGraphics和CoreAnimation的关系

首先它们都是跨iOS和Mac OS 使用的，这点区别于UIKit，并且CoreAnimation中大量使用到CoreGraphics中的类，因为实现动画要用到图形库中的定西

为什么CA神马神马的，用的时候好多都要“.CGXXXX”呢？

layer.backgroundColor = [UIColor redColor].CGColor;

首先，CALayer是定义在QuartzCore框架中的，CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框 架中的，而UIColor和UIImage是定义在UIKit框架中的。

其次，QuartzCore框架和CoreGraphics框架是可以跨平台使用的，在iOS和Mac OS X上都能使用

但是UIKit只能在iOS中使用。

所以，为了保证可移植性，QuartzCore不能使用UIImage、UIColor，只能使用CGImageRef、CGColorRef。

框架关系

image

可以看出，CoreGraphics是底层绘制框架，我们实际会用到的也就是CG开头的一些底层绘制函数和变量，这是一个纯C语言框架

QuartzCore(包含CoreAnimation）框架，是iOS系统的基本渲染框架，是一个OC语言框架，是一套基于CoreGraphics的OC语言封装，封装出了基本渲染类CALayer

2.CoreAnimation结构及图层动画 官方文档

核心动画类结构

image

CALayer 图层类

CAAnimation 动画计时类

CAAnimationGroup 是个动画组，可以同时进行缩放，旋转

CAPropertyAnimation 也是个抽象类，本身不具备动画效果，只有子类才有。

CATransition 转场动画，界面之间跳转（切换）

CAConstraint 布局约束类

CATransaction 事物类，可以同时设置多个layer层的动画效果。可以通过隐式和显式两种方式来进行动画操作

2.1 关于图层

CALayer基本属性

@property CGRect bounds; //宽度和高度

@property CGPoint position; //位置(默认指中点，具体由anchorPoint决定)

@property CGPoint anchorPoint; // 锚点(x,y的范围都是0-1)，决定了position的位置

@property CGColorRef backgroundColor; // 背景颜色(CGColorRef类型)

@property CATransform3D transform; //形变属性

可动画属性特点：

* 直接对它付值可产生隐式动画

* CAAnimation的keyPath可以设置为这个属性的名字

对这些属性赋值的时候，layer会让它的delegate调用actionForLayer:forKey:方法获取一个返回值，这个返回值可能是这样几种情况：

1、是一个nil，则layer会走自己的隐式动画；

2、是一个NSNull，则layer不会做任何动画；

3、是一个实现了CAAction协议的对象，则layer会用这个对象生成一个CABasicAnimation加到自己身上执行动画

CALayer与UIView的关系

UIView之所以能显示在屏幕上，完全是因为它内部的一个图层：

在创建UIView对象时，UIView内部会自动创建一个图层(即CALayer对象)，通过UIView的layer属性可以访问这个层。

@property(nonatomic,readonly,retain) CALayer *layer;

当UIView需要显示到屏幕上时，会调用drawRect:方法进行绘图，并且会将所有内容绘制在自己的图层上，绘图完毕后， 系统会将图层拷贝到屏幕上，于是就完成了UIView的显示。

换句话说，UIView本身不具备显示的功能，是它内部的层才有显示功能。

对比CALayer，UIView多了一个事件处理的功能。也就是说，CALayer不能处理用户的触摸事件，而UIView可以

所以，如果显示出来的东西需要跟用户进行交互的话，用UIView；如果不需要跟用户进行交互，用UIView或者CALayer都可以。当然，CALayer的性能会高一些，因为它少了事件处理的功能，更加轻量级

总结：CALayer作为一个跨平台框架（OS X和iOS）QuatzCore的类，iOS系统

为了处理用户交互事件（触屏操作）用UIView封装了一次CALayer，UIView本

身负责处理交互事件，其持有一个Layer，用来负责绘制这个View的内容。而

我们对UIView的和绘制相关的属性赋值和访问的时候（frame、

backgroundColor等）UIView实际上是直接调用其Layer对应的属性（frame对

应frame，center对应position等）的getter和setter。

核心动画渲染框架

image

图层树：包含每一层的对象模型值。他们就是你设定的图层的属性值

呈现树：包含了当前动画发生时候将要显示的值（例如你要给图层背景颜色设置新的值的时候，它会立即修改图层树里面相应的值。但是在呈现树里面背景颜色值在将要显示给用户的时候才被更新为新值）

渲染树：在渲染图层的时候使用呈现树的值 （渲染树负责执行独立于应用活动的复杂操作。渲染由一个单独的进程或线程来执行，使其对应用程序的运行循环影响最小）

图层几何属性(mac os 下坐标系)

position：属性是一个CGPoint值， 指定图层相当于它父图层的位置, 该值基于父图层的坐标系

bounds：属性是CGRect值， 指定图层的大小(bounds.size)和图层的 原点(bounds.origin)

anchorPoint:属性是CGPoint值，anchorPoint指定了bounds相对于position的值，同时作为变换的支点，锚点使用单元空间坐标系表示，（0，0）接近图层的原点，（1，1）原点的对角点。（当你设置图层的 frame 属性的时候,position 会根据锚点(anchorPoint)相应的改变,而当你设置图层的 position 属性的候,bounds 会根据锚点(anchorPoint)做相应的改变）

（锚点就是layer的那一个点在point上）

图层的 frame、bounds、position 和 anchorPoint 关系如下图所示

anchorPoint 默认值为(0.5,0.5),位于图层的中心点。图层的 position 值为(100.0,100.0),bounds 为(0.0,0.0,120,80.0)。通过计算得到图层的 frame为(40.0,60.0,120.0,80.0)

几种常用的Layer

CAEmitterLayer

CAEmitterLayer是CoreAnimation框架中的粒子发射层，博客中有详细的介绍和范例，这里不再重复，地址如下：粒子效果的应用和火焰范例

CAGradientLayer

CAGradientLayer是用于色彩梯度展示的layer图层，通过CAGradientLayer，我们可以很轻松的创建出有过渡效果的色彩图

CAReplicatorLayer

CAReplocatorLayer是拷贝视图容器，我们可以通过它，将其中的子layer进行拷贝，并进行一些差异处理

CAShapeLayer

CAShapeLayer是图形layer层，我们可以自定义这个层的形状

CATextLayer

CATextLayer可以进行文本的绘制

2.2 关于动画

UIViewAnimation动画

iOS开发中，UIKit为我们封装好的核心动画层的方法，通过这些方法，基本能达到我们项目的大多需求,其中UIView动画使用简便，开发中应用十分广泛

UIView动画执行的两种方式

使用begin和commit方式

例如：

UIView * view = [[UIView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];

[self.view addSubview:view];

view.backgroundColor=[UIColor redColor];

[UIView beginAnimations:@"test" context:nil];

[UIView setAnimationDuration:3];

view.backgroundColor=[UIColor orangeColor];

[UIView commitAnimations];//执行commit后，动画即开始执行

使用block块api

例如：

[UIView animateWithDuration:1 animations:^{

_myView.alpha=0;

} completion:^(BOOL finished) {

if (finished) {

_myView.alpha=1;

}}];

支持动画的属性

image

CAAnimation

如果你想更加自由的通过动画操作视图的属性，你就需要跳过UIKit的封装，使用CoreAnimation核心动画层的方法来实现动画,CoreAnimation能够实现更多复杂、好看、高效的动画效果

* 阴影，圆角，带颜色的边框。

* 3D变化。

* 透明遮罩

* 多级非线性动画

CAAnimation是CoreAnimation框架中执行动画的基类，是个抽象类，不具备动画效果，必须用它的子类才有动画效果,是所有动画对象的父类，负责控制动画的持续时间和速度

隐式动画：不指定任何动画类型，仅改变非根层layer(手动创建的layer)动画属性，coreAnimation会决定如何何时去做动画，你不用做额外操作

显式动画：需要创建一个动画对象，并设置开始和结束值，直到把动画应用到某图层上，动画才开始执行

CAAnimation相关的几个动画类的关系图

image

CAPropertyAnimation

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

@property(nullable, copy) NSString *keyPath;

通过指定CALayer的一个属性名称为keyPath（NSString类型），并且对CALayer的这个属性的值进行修改，达到相应的动画效果

CABasicAnimation

基本动画，通过设定起始点，终点，时间，动画会沿着你这设定点进行移动，

随着动画的进行，在长度为duration的持续时间内，keyPath相应属性的值从fromValue渐渐地变为toValue。

CAKeyframeAnimation

主要操作属性有keyPath和values值组合，以通过设定CALayer的始点、中间关键点、终点的frame，时间，动画会沿你设定的轨迹进行移动

与CABasicAnimation的区别是：

CABasicAnimation只能从一个数值（fromValue）变到另一个数值（toValue），而CAKeyframeAnimation会使用一个NSArray保存这些数值

CABasicAnimation可看做是只有2个关键帧的CAKeyframeAnimation

CAAnimationGroup

可以保存一组动画对象，将CAAnimationGroup对象加入层后，组中所有动画对象可以同时并发运行

CATransition

用于做转场动画，能够为层提供移出屏幕和移入屏幕的动画效果。iOS比Mac OS X的转场动画效果少一点。

UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果。

使用CoreAnimation做动画的时候，遵循四步就好

1.创建CAAnmation子对象

2.设置CAAnmation的属性

3.调用CALayer的addAnimation:forKey将CAAnimation对象添加到CALayer上，就能执行动画

4.调用CALayer的removeAnimationForKey方法可以停止CALayer中的动画

遗留问题

隐式动画，显式动画和隐式事务，显示事务混淆

没有用到CATransaction begin，commit 依然有动画效果

概念补充

显式动画&隐式动画

CALayer的动画分为隐式动画和显式动画,UIView内部关联了一个CALayer，叫它“Root CALayer”.

所有的非Root CALayer的“Animatable”属性在修改的时候会默认的产生隐式动画

CATransaction 事务

CATransaction 是核心动画里负责协调多个动画更新显示操作，保证多个动画同时进行，用于配置隐式动画，即CALayer属性修改依赖CATransaction.

和动画类似CATransaction也分为隐式事务和显式事务

隐式事务：在某次RunLoop中设置了一个“Animatable”属性，如果当前没有设置事务，则会自动创建一个CATransaction，并在当前线程的下一个RunLoop中commit这个CATransaction

显式事务：直接调用CATransaction的[CATransaction begin]，[CATransaction commit]等相关方法

另外事务可以嵌套，当事务嵌套时候，只有最外层的事务commit了之后，整个动画才会执行。

你可能感兴趣的:(iOS---CoreAnimation)

  • iOS---CoreAnimation smallSun15
    内容关于图层动画相关框架的介绍CoreAnimation结构及图层动画1.CoreGraphics，QuartzCore,CoreAnimation区别对CoreGraphics，QuartzCore,CoreAnimation这三个概念傻傻分不清，先梳理一下CoreGraphics(核心图形)iOS的核心图形库，包含Quartz2D绘图API接口,常用的是point，size，rect等这些图形
  • Nginx负载均衡 510888780 nginx应用服务器
    Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比
  • RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat
    在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core
  • FilenameUtils工具类 eksliang FilenameUtilscommon-io
    转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • xml文件解析SAX 不懂事的小屁孩 xml
    xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes;
  • 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql
    使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db =
  • 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构
    Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数
  • spring学习——控制反转与依赖注入 a-john spring
           控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。  
  • 用spool+unixshell生成文本文件的方法 aijuans xshell
    例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc
  • 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识
    OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层）
  • 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码
    json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交
  • web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置
    指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/
  • Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar
    1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l
  • 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb
    一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 -
  • Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash
    今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于
  • Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel
    昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
  • 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆，
  • lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce
    import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume
  • [IT与投资]坚持独立自主的研究核心技术 comsci it
           和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
  • flashback transaction闪回事务查询 daizj oraclesql闪回事务
       闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers
  • Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter
    这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  • C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c
    # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in
  • 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos
    今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n
  • 单例模式 shuizhaosi888 单例模式
    单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv
  • Spring Security（09）——Filter 234390216 Spring Security
    Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5
  • 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs
      一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod
  • java.lang.Math liuhaibo_ljf javaMathlang
    System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat
  • linux下时间同步 nonobaba ntp
    今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方
  • ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署
    ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录
  • Java高效读取大文件 tomcat_oracle java
    　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致
  • 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api
    举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid><
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他