Core Animation: 1 Layer

什么是Layer

 Layer对象是一种由3D空间组织而成的2D平面,也是Core Animation的核心对象,类似于View,Layer管理了几何图形的视觉信息,与View不同的是,layer本身并不定义自身的样子(不会像button等其它控件一样有一个预定义的样式),Layer仅仅管理了位图(bitmap)的状态信息,位图其实就是UIView等子类在屏幕上所呈现的样式,也可以把位图看做是一张图片,layer被用来管理这些信息,所以苹果把Layer看作是模型对象(model objects)。Core Animation就是使用Layer的各种属性信息,然后将layer的位图和状态信息传递给图形硬件(graphics hardware),图形硬件将使用这些信息来进行动画和快速渲染。
 Layer 与 View的不同主要体现在Layer 不能够响应事件,无法参与到响应链中,Layer为View的视觉呈现提供了更高效的方式,Layer是View的基础设施。

图1

 默认情况下,如果修改Layer中的某个属性,Layer的数据和状态信息会从该Layer的视觉呈现(位图)解耦出来,然后交给Core Animation进行动画处理,Core Animation会通过图形硬件生成一帧一帧的绘制,来呈现出动画效果,开发者只需要指定动画的初始值和终值。

Layer 使用两种坐标系统

 Layer使用基于点的坐标系统(point-based coordinate)和单元坐标系,基于点的坐标系统通常将坐标值直接映射到屏幕上(例如position),还有一些属性是基于其它值,与屏幕无关,例如anchorPoint,通过在CGPoint结构体中传递0~1之间的值,用来确定锚点的位置,该值为相对于当前layer的bounds。在iOS系统中,坐标的起始位置与UIView的坐标的起始坐标相同,左上角为(0,0)点。

锚点: anchorPoint

 几何相关的操作都是相对于layer的锚点进行的,例如position、rotate、scale等操作,默认情况,anchorPoint的值为CGPoint(0.5, 0.5),也就是layer的中心位置:

    func addLayer() {
        let layer = CALayer.init()
        let img = UIImage.init(named: "a")
        layer.contentsGravity = CALayerContentsGravity.center
        layer.contents = img?.cgImage
        layer.delegate = self
        layer.frame = CGRect.init(x: 0, y: 0, width: 100, height: 100)  // 1
        layer.borderWidth = 1 / 3
        layer.contentsScale = 3
        layer.borderColor = UIColor.black.cgColor
        self.view.layer.addSublayer(layer)
        print(layer.position)    //(50.0, 50.0)
        print(layer.frame)       //(0.0, 0.0, 100.0, 100.0)
    }

    @IBAction func clickBtn(_ sender: Any) {
        let layer = self.view.layer.sublayers!.last!
        layer.anchorPoint = CGPoint.init(x: 0, y: 0)     // 2
        print(layer.position)   //(50.0, 50.0)
        print(layer.frame)      //(50.0, 50.0, 100.0, 100.0)
    }

1处代码指定了layer的frame为(0,0,100,100),默认的锚点为(0.5,0.5),此时的position为:(50,50),当重新设置了锚点位置2为(0,0),此时position没有变化,但是frame的起始位置变为(50,50),可以看到,layer的frame.origin属性可以由anchorPoint和position确定

frame.origin.x = position.x - anchorPoint.x * bounds.size.width
frame.origin.y = position.y - anchorPoint.y * bounds.size.height

结果如下图所示:

图2

 再来看一下anchorPoint是如何影响旋转的,anchorPoint 分别为:(0.5, 0.5) 和(0, 0):

图3
图4

 Layer的anchorPoint属性会影响动画的基准点,例如旋转时会作为中心点。

三种Layer Tree

 Core Animation 有三种类型的Layer:

  1. model layer tree:就是做动画时最常使用的layer tree,这种类型保存了Core animation进行动画的信息,如果程序需要修改Layer的属性的话,修改的就是这一类的Layer。
  2. Presentation tree:包含了执行动画过程中所需要的Layer,虽然这部分Layer也包含了Core Animation执行动画时需要的信息,但是这些数据都只是临时的,不应该去修改这部分信息,但是可以通过 获取Presetation layer tree的属性,创建新的动画。
  3. Render tree,这部分layer是用来执行动画的,但是是私有的。
     每一种Layer都是有层级结构,类似于views,Layer tree中的每一个对象,都有一个与之对应的Presentation tree和 Render tree:
图5

参考文档:
Apple:Core Animation Programming Guide

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,839评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,543评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,116评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,371评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,384评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,111评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,416评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,053评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,558评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,756评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,324评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2 345

推荐阅读更多精彩内容