博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
UI进阶之CALayer
阅读量:5054 次
发布时间:2019-06-12

本文共 2989 字,大约阅读时间需要 9 分钟。

 

备注: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

二:简单介绍

UIView之所以能显示在屏幕上,完全是因为它内部的一个图层,在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层

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

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

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

三:使用

通过操作这个CALayer对象,可以很方便地调整UIView的一些界面属性,比如:阴影、圆角大小、边框宽度和颜色等。

1,通过layer设置边框的宽度和颜色  

self.layerView.layer.borderColor = [UIColor redColor].CGColor;

注意:这里用CGColorRef

self.layerView.layer.borderWidth = 20;

 
2,设置圆角:cornerRadius
3,设置阴影:

self.layerView.layer.shadowColor = [UIColor blueColor].CGColor;

self.layerView.layer.shadowOffset = CGSizeMake(10, 10); // 偏移量

self.layerView.layer.shadowOpacity = 0.5; // 不透明度

4.设置内容

  self.layerView.layer.contents = (id)[UIImage imageNamed:@"me"].CGImage;

注意:

1,layer中的图片、设置颜色都是CG类型的。

2,image view、view中设置圆角不显示的原因:imageView中的图片不是跟layer,需要将超出的部分切掉,设置它的masktobounds属性,这样阴影也会消失。

5,设置transform属性(UIView的transform是2D效果,lay是3D效果)

self.layerView.layer.transform = CATransform3DMakeRotation(M_PI_4, 1, 1, 1);

kvc设置属性值

NSValue *value = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_4, 1, 0, 0)];

 

    [self.layerView.layer setValue:value forKeyPath:@"transform"];

layer的transform是CATransform3D类型的
可以利用kvc设置layer的transform属性设值
 
 
 
6,position,anchor point
positon决定了layer的现实位置,anchorpoint是锚点取值范围(0-1)默认是0.5,指layer上那个点落到position的位置上
 
7.subLayers、superLayer
 
四:CALayer和UIView的选择

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

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

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

五:隐式动画

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

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

什么是隐式动画?

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

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

关闭隐式动画

    [CATransaction begin];

    [CATransaction setDisableActions:YES];

    [CATransaction commit]
 
六:自定义layer
1)继承CALayer
在自定义layer中的-(void)drawInContext:方法不会自己调用,只能自己通过setNeedDisplay方法调用,在view中画东西DrawRect:方法在view第一次显示的时候会自动调用。

在UIView中绘制图形,获取的上下文就是这个view对应的layer的上下文。在渲染的时候,就是把图形渲染到对应的layer上。

  在执行渲染操作的时候,本质上它的内部相当于执行了 [self.layer drawInContext:ctx];

2) 设置CALayer的delegate,然后让delegate实现drawLayer:inContext:方法,当CALayer需要绘图时,会调用delegate的drawLayer:inContext:方法进行绘图。

补充:

1)无论采取哪种方法来自定义层,都必须调用CALayer的setNeedsDisplay方法才能正常绘图。

2)详细现实过程:

当UIView需要显示时,它内部的层会准备好一个CGContextRef(图形上下文),然后调用delegate(这里就是UIView)的drawLayer:inContext:方法,并且传入已经准备好的CGContextRef对象。而UIView在drawLayer:inContext:方法中又会调用自己的drawRect:方法。平时在drawRect:中通过UIGraphicsGetCurrentContext()获取的就是由层传入的CGContextRef对象,在drawRect:中完成的所有绘图都会填入层的CGContextRef中,然后被拷贝至屏幕。

 

 
 
view内部的layer的代理就是view

实现drawrect方法就能展示到layer上去

 
 
 

转载于:https://www.cnblogs.com/-boy/p/4166936.html

你可能感兴趣的文章
linux基础-命令
查看>>
java对象的深浅克隆
查看>>
Hadoop流程---从tpch到hive
查看>>
数据结构3——浅谈zkw线段树
查看>>
Introduction to my galaxy engine 2: Depth of field
查看>>
V2019 Super DSP3 Odometer Correction Vehicle List
查看>>
Python 3.X 练习集100题 05
查看>>
今时不同往日:VS2010十大绝技让VS6叹服
查看>>
设计器 和后台代码的转换 快捷键
查看>>
在线视频播放软件
查看>>
用代码生成器生成的DAL数据访问操作类 基本满足需求了
查看>>
28初识线程
查看>>
Monkey测试结果分析
查看>>
Sublime Text 3 设置
查看>>
浅谈C++底层机制
查看>>
STL——配接器、常用算法使用
查看>>
第9课 uart
查看>>
Range和xrange的区别
查看>>
BZOJ 1010 [HNOI2008]玩具装箱 (斜率优化DP)
查看>>
java-动态规划算法学习笔记
查看>>