天天看点

iOS开发UI篇—CAlayer(创建图层)

一、添加一个图层

添加图层的步骤:

1.创建layer

2.设置layer的属性(设置了颜色,bounds才能显示出来)

3.将layer添加到界面上(控制器view的layer上)

iOS开发UI篇—CAlayer(创建图层)
iOS开发UI篇—CAlayer(创建图层)
iOS开发UI篇—CAlayer(创建图层)

二、添加一个显示图片的图层

  代码示例:

iOS开发UI篇—CAlayer(创建图层)
iOS开发UI篇—CAlayer(创建图层)

执行效果:

iOS开发UI篇—CAlayer(创建图层)

说明:在第27行设置需要显示的图片,注意,这里用的是uiimage的cgimage属性,是一种cgimageref类型的数据

三、cgcolorref和cgimageref数据类型

1.简单说明

calayer是定义在quartzcore框架中的;cgimageref、cgcolorref两种数据类型是定义在coregraphics框架中的;uicolor、uiimage是定义在uikit框架中的

其次,quartzcore框架和coregraphics框架是可以跨平台使用的,在ios和mac os x上都能使用,但是uikit只能在ios中使用

因此,为了保证可移植性,quartzcore不能使用uiimage、uicolor,只能使用cgimageref、cgcolorref

不过很多情况下,可以通过uikit对象的特定方法,得到coregraphics对象,比如uiimage的cgimage方法可以返回一个cgimageref

2.导入quartzcore框架

在xcode5中不再需要我们自己导入这个框架,如果是在ios6和xcode4以前,需要导入框架

(1) 点击项目名称,然后点击右边targets下面的target

iOS开发UI篇—CAlayer(创建图层)

(2)点击build pases后,展开link binary....,添加 + 号

iOS开发UI篇—CAlayer(创建图层)

(3) 在搜索框中输入"quartz",选中quartzcore.framework,最后add添加

iOS开发UI篇—CAlayer(创建图层)

(4)添加完毕后,这个框架就会出现在项目文件夹中

iOS开发UI篇—CAlayer(创建图层)

最后,还需要在项目代码中导入框架的主头文件。

四、uiview和calayer的选择

可以发现,前面的2个效果不仅可以通过添加层来实现,还可以通过添加uiview来实现。如显示图片的层可以用一个uiimageview来实现。 既然calayer和uiview都能实现相同的显示效果,那究竟该选择谁好呢?

其实,对比calayer,uiview多了一个事件处理的功能。也就是说,calayer不能处理用户的触摸事件,而uiview可以。

所以,在选择的过程中,需要考虑到实际的情况,如果显示出来的东西需要跟用户进行交互的话,用uiview;如果不需要跟用户进行交互,用uiview或者calayer都可以

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

五、补充说明

1.添加子layer

iOS开发UI篇—CAlayer(创建图层)
iOS开发UI篇—CAlayer(创建图层)

打印结果如下:

iOS开发UI篇—CAlayer(创建图层)

说明:在添加layer之前,控制器view上layer又两个子layer,添加之后,有三个子layer。

2.访问层

iOS开发UI篇—CAlayer(创建图层)
iOS开发UI篇—CAlayer(创建图层)
iOS开发UI篇—CAlayer(创建图层)

  uiview可以通过subviews属性访问所有的子视图,类似地,calayer也可以通过sublayers属性访问所有的子层

  uiview可以通过superview属性访问父视图,类似地,calayer也可以通过superlayer属性访问父层

3.注意

  在storyboard中,向界面上拖一个button按钮,打印查看子layer的个数。

iOS开发UI篇—CAlayer(创建图层)
iOS开发UI篇—CAlayer(创建图层)
iOS开发UI篇—CAlayer(创建图层)
iOS开发UI篇—CAlayer(创建图层)

特别注意:如果一个控件是另外一个控件的子控件,那么这个控件的layer也是另一个控件的子layer。