掌握

● CALayer的基本属性
● CALayer和UIView的关系
● position和anchorPoint的作⽤用

CALayer

● 在iOS中,你能看得见摸得着的东西基本上都是UIView,⽐比如⼀一个按钮、⼀一个⽂文本标签、⼀一 个⽂文本输⼊入框、⼀一个图标等等,这些都是UIView

● 其实UIView之所以能显⽰示在屏幕上,完全是因为它内部的⼀一个图层
● 在创建UIView对象时,UIView内部会⾃自动创建⼀一个图层(即CALayer对象),通过UIView

的layer属性可以访问这个层
@property(nonatomic,readonly,retain) CALayer *layer;

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

● 换句话说,UIView本⾝身不具备显⽰示的功能,是它内部的层才有显⽰示功能

CALayer的基本使⽤用

● 通过操作CALayer对象,可以很⽅方便地调整UIView的⼀一些外观属性,⽐比如: ➢ 阴影
➢ 圆⾓角⼤大⼩小
➢ 边框宽度和颜⾊色

➢......
● 还可以给图层添加动画,来实现⼀一些⽐比较炫酷的效果

CALayer的属性

● 宽度和⾼高度
@property CGRect bounds;

● 位置(默认指中点,具体由anchorPoint决定)

@property CGPoint position;

● 锚点(x,y的范围都是0-1),决定了position的含义

@property CGPoint anchorPoint;

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

● 形变属性
@property CATransform3D transform;

● 边框颜⾊色(CGColorRef类型)
@property CGColorRef borderColor;

● 边框宽度
@property CGFloat borderWidth;

● 圆⾓角半径
@property GCFloat cornerRadius;

● 内容(⽐比如设置为图⽚片CGImageRef)

@property(retain) id contents;

关于CALayer细节

● ⾸首先

  • ➢  CALayer是定义在QuartzCore框架中的

  • ➢  CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的

  • ➢  UIColor、UIImage是定义在UIKit框架中的

    ● 其次

  • ➢  QuartzCore框架和CoreGraphics框架是可以跨平台使⽤用的,在iOS和Mac OS X上都能使⽤用

  • ➢  但是UIKit只能在iOS中使⽤用

    ● 为了保证可移植性,QuartzCore不能使⽤用UIImage、UIColor,只能使 ⽤用CGImageRef、CGColorRef

UIView和CALayer的选择

● 通过CALayer,就能做出跟UIImageView⼀一样的界⾯面效果
● 既然CALayer和UIView都能实现相同的显⽰示效果,那究竟该选择谁好呢?

➢ 其实,对⽐比CALayer,UIView多了⼀一个事件处理的功能。也就是说,CALayer不能
处理⽤用户的触摸事件,⽽而UIView可以

➢ 所以,如果显⽰示出来的东西需要跟⽤用户进⾏行交互的话,⽤用UIView;如果不需要跟⽤用户
进⾏行交互,⽤用UIView或者CALayer都可以

➢ 当然,CALayer的性能会⾼高⼀一些,因为它少了事件处理的功能,更加轻量级

position和anchorPoint

● CALayer有2个⾮非常重要的属性:position和anchorPoint

● @propertyCGPointposition; ➢ ⽤用来设置CALayer在⽗父层中的位置
➢ 以⽗父层的左上⾓角为原点(0,0)

● @propertyCGPointanchorPoint;
➢ 称为“定位点”、“锚点”

➢ 决定着CALayer⾝身上的哪个点会在position属性所指的位置
➢ 以⾃自⼰己的左上⾓角为原点(0, 0)
➢ 它的x、y取值范围都是0~1,默认值为(0.5,0.5)

anchorPoint

position和anchorPoint

选择

隐式动画

● 每⼀一个UIView内部都默认关联着⼀一个CALayer,我们可⽤用称这个Layer为Root Layer(根 层)

● 所有的⾮非Root Layer,也就是⼿手动创建的CALayer对象,都存在着隐式动画

● 什么是隐式动画?

➢ ➢

➢ ➢ ➢

当对⾮非Root Layer的部分属性进⾏行修改时,默认会⾃自动产⽣生⼀一些动画效果

⽽而这些属性称为Animatable Properties(可动画属性)

列举⼏几个常见的Animatable Properties:

bounds:⽤用于设置CALayer的宽度和⾼高度。修改这个属性会产⽣生缩放动画

backgroundColor:⽤用于设置CALayer的背景⾊色。修改这个属性会产⽣生背景⾊色的渐变动画

position:⽤用于设置CALayer的位置。修改这个属性会产⽣生平移动画

隐式动画

● 可以通过动画事务(CATransaction)关闭默认的隐式动画效果

[CATransaction begin];
[CATransaction setDisableActions:YES];

self.myview.layer.position = CGPointMake(10, 10);

[CATransaction commit];

CALayer图层的基本介绍的更多相关文章

  1. iOS开发 - CALayer图层

    CALayer的基本使用 在iOS中.你能看得见摸得着的东西基本上都是UIView.比方一个button.一个文本标签.一个文本输入框.一个图标等等.这些都是UIView 事实上UIView之所以能显 ...

  2. 阶段性总结⓵触摸事件&手势识别⓶Quartz2D绘图⓷CALayer图层⓸CAAnimation⓹UIDynamic UI动力学⓺KVC&KVO

    知识点复习   1. 触摸事件&手势识别   1> 4个触摸事件,针对视图的 2> 6个手势识别(除了用代码添加,也可以用Storyboard添加)   附加在某一个特定视图上的, ...

  3. [iOS Animation]-CALayer 图层几何学

    图层几何学 不熟悉几何学的人就不要来这里了 --柏拉图学院入口的签名 在第二章里面,我们介绍了图层背后的图片,和一些控制图层坐标和旋转的属性.在这一章中,我们将要看一看图层内部是如何根据父图层和兄弟图 ...

  4. [iOS Animation]-CALayer 图层性能

    图层性能 要更快性能,也要做对正确的事情. ——Stephen R. Covey 在第14章『图像IO』讨论如何高效地载入和显示图像,通过视图来避免可能引起动画帧率下降的性能问题.在最后一章,我们将着 ...

  5. [iOS Animation]-CALayer 图层树

    图层的树状结构 巨妖有图层,洋葱也有图层,你有吗?我们都有图层 -- 史莱克 Core Animation其实是一个令人误解的命名.你可能认为它只是用来做动画的,但实际上它是从一个叫做Layer Ki ...

  6. 【iOS开发-90】CALayer图层:自己定义图层,图层的一些动画

    (1)效果 (2)代码 http://download.csdn.net/detail/wsb200514/8261547 (3)总结 --能够自己定义图层,尤其须要对图片进行圆角裁剪. --图层的动 ...

  7. CALayer, CoreGraphics与CABasicAnimation介绍

    今天我们来看一下CALayer.CoreGraphics和CABasicAnimation.这些东西在处理界面绘制.动画效果上非常有用. 本篇博文就讲介绍CALayer的基本概念,使用CoreGrap ...

  8. 图层Layers的介绍

    图层包含的要素可以是矢量形式的也可以是栅格形式的. 这里介绍其中一种:添加TileLayer.(加载Image类型的图层) 引用:"esri/layers/TileLayer" 举 ...

  9. CALayer 图层

    // CALayer 图层属性,继承UIView都有该属性,可设置边框宽度.颜色.圆角.阴影等 UIImageView *imageView = [[UIImageView alloc]initWit ...

随机推荐

  1. oracle字符集相关问题

    整理自网络+实验 字符集介绍 影响Oracle数据库字符集最重要的参数是NLS_LANG参数. 它的格式如下: NLS_LANG = language_territory.charset  NLS_L ...

  2. java 单例设计模式

    1.饿汉单例设计模式:  步骤 :   1.定义一个私有的静态成员变量来引用对象(私有的静态对象),设置对象唯一.   2.私有化构造方法,防止new对象.   3.创建一个公开的静态方法,返回上面的 ...

  3. 常见面试问题 - Useful Links

    1. Data Structure & Algorithm - 二叉树 http://baike.baidu.com/link?url=jKNdOOipbp-gloTVmSU4PT2mVB94 ...

  4. 后一个div无法遮挡住前一个有img的div

    这个标题实在是我无奈之下才取出来的,毕竟我文采有限~ 今天我遇到的一个eggpain的问题: 前提:当页面上有两个没有background的div,大小一样,绝对定位在同一个地方(让第二个遮挡住第一个 ...

  5. dedecms代码研究三

    上次,我们从dedecms的index.PHP文件中了解到了很多信息,也提出了一些问题: 1)加载了/include/common.inc.php,里面做了哪些工作? 2)/include/arc.p ...

  6. JavaScript 对象 之继承对象 学习笔记

    假设,我们有个这样的需求: 两个种族,每个种族都有 名字.血量(默认200).行为(行为有 跳跃.移动速度 这些属性)等共有属性. 人族能量值比兽人多10%,兽人血量比人族多10%. 职业有战士和法师 ...

  7. oracle rownum paging issues

    rownum是oracle预处理字段,默认标序是1,只有记录集已经满足条件后才会进行后续编号.由于第一条记录rownum默认是1,而你的条件是rownum>=6 对第一条记录比较它的rownum ...

  8. VC++ 将IP字符串转为 DWORD值

    CString strIP="192.168.1.184"; DWORD dwAddress= ntohl( inet_addr(strIP)); m_IPAddr.SetAddr ...

  9. Func的介绍

    经常看到  Func<int, bool>...这样的写法,看到这样的就没有心思看下去了.我们学技术还是需要静下心来. 对Func<int,bool>的Func转到定义看它的解 ...

  10. wamp密码设置

    WAMP安装好后,mysql密码是为空的,那么要如何修改呢?其实很简单,通过几条指令就行了,下面我就一步步来操作. 首先,通过WAMP打开mysql控制台. 提示输入密码,因为现在是空,所以直接按回车 ...