iOS Core Animation - Advanced Techniques-学习笔记(一)

本文是针对《iOS Core Animation: Advanced Techniques》相对重要知识点进行的总结笔记,插图和具体释义请参照原书

图层树

深刻理解图层与视图

  • 视图(UIView)是在屏幕上显示的,能够拦截用户行为(如手势输入)的矩形块,视图具有层级关系并可互相嵌套。
  • 图层(CALayer)和视图(UIView)在概念上类似,和视图最大的不同,是图层不处理用户行为。
  • 在iOS和MacOS两个平台上,事件和用户交互有很多不同,UIKit和AppKit就是基于CoreAnimation针对两个平台的不同处理框架。

为什么要使用图层

  • UIView的接口优美而简洁,但这种简单会造成灵活性上的缺陷。
  • UIView没有暴露出的CALayer一些功能:
    • 阴影,圆角,带颜色的边框
    • 3D变换
    • 非矩形范围
    • 透明遮罩
    • 多级非线性动画

如何使用图层

  • UIView视图类带有一个CALayer属性可直接使用
  • 把QuartzCore引入到项目,然后调用CALayer初始化方法创建
ViewController.m

- (void)viewDidLoad{
    [super viewDidLoad];
    //create sublayer
    CALayer *sublayer = [CALayer layer];
    sublayer.frame = CGRectMake(50.0f, 50.0f, 100.0f, 100.0f);
    sublayer.backgroundColor = [UIColor blueColor].CGColor;
    //add it to view
    [self.view.layer addSublayer:sublayer];
}

寄宿图

contents属性

  • CALayer有一个属性contents,它是id类型的,在iOS平台上需要被赋值的类型是CGImageRef,一个指向CGImage结构的指针。在Mac平台上需要被赋值NSImage对象
  • contents属性能够让图层不仅展示一个背景色,可以展示一个图片
ViewController.m

- (void)viewDidLoad
{
  [super viewDidLoad]; //load an image
  UIImage *image = [UIImage imageNamed:@"xxx.png"];

  //add it directly to our view's layer
  self.layerView.layer.contents = (__bridge id)image.CGImage;
}

contentGravity属性

  • 类似于UIImageView的contentMode,在CALayer中对应的属性叫做contentsGravity,它是一个NSString类型,可选常量:
    • kCAGravityCenter 水平垂直居中
    • kCAGravityTop 水平居中,顶部边缘为0
    • kCAGravityBottom 水平居中,底部边缘为0
    • kCAGravityLeft 垂直居中,左部边缘为0
    • kCAGravityRight 垂直居中,右部边缘为0
    • kCAGravityTopLeft 左上边缘为0
    • kCAGravityTopRight 右上边缘为0
    • kCAGravityBottomLeft 左下边缘为0
    • kCAGravityBottomRight 右下边缘为0
    • kCAGravityResize 根据图层大小拉伸
    • kCAGravityResizeAspect 整个图片等比渲染全部展示到图层,可能会有留白
    • kCAGravityResizeAspectFill 整个图片等比渲染铺满图层,图片可能被截断

contentsScale属性

  • contentsScale属性定义了寄宿图的像素尺寸和视图大小的比例,默认情况下它是一个值为1.0的浮点数。
  • 这个属性在开发中没有找到具体的应用场景,不建议直接使用

maskToBounds属性

  • 将超出图层边界的内容截断
  • 【注意】设置阴影也会被这个属性截断,因为阴影是绘制在图层外的

contentsRect属性

  • 这个属性允许我们选择寄宿图的一个子域,这个属性比contentGravity更灵活
  • boundsframe不同,contentsRect不是按点来计算的,它使用了单位坐标,单位坐标指定在0到1之间,是一个相对值(像素和点就是绝对值)
  • 默认的contentsRect是{0, 0, 1, 1},意味着整个图片可见
  • 通过这个属性,我们可以实现Image Sprites(图片拼合技术),图片拼合后可以打包整合到一张大图上一次性载入。相比多次载入不同的图片,这样做能够带来很多方面的好处:内存使用,载入时间,渲染性能等等。
  • 图片拼合技术在游戏中应用较多,如一段连续的奔跑动画🏃

contentsCenter属性

  • contentsCenter是一个CGRect结构,它定义了一个固定的边框和一个在图层上可拉伸的区域。
  • 它的工作效果和UIImage里的-resizableImageWithCapInsets:方法效果非常类似
  • 在开发中目前还没有实际运用到它,应用后更新使用场景

视图-drawRect:方法

  • 设置寄宿图的方法,不止有给contents属性赋值这种方式,还能够通过继承UIView并实现-drawRect:方法来自定义绘制
  • 寄宿图不是必须的,但是只要UIView检测到-drawRect:,那么系统就会为这个视图图层分配一个寄宿图,该寄宿图的尺寸等于视图大小乘以 contentsScale的值
  • 如果不需要寄宿图,-drawRect:请不要实现,会浪费资源
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容