iOS-CALayer中position与anchorPoint详解

iOS-CALayer中position与anchorPoint详解

属性介绍

CALayer通过四个属性来确定大小和位置, 分别为:frame、bounds、position、anchorPoint。

下面分别对这是个属性进行介绍:

frame

@property CGRect frame;

此属性和view中的frame属性相同.

• X,Y表示subLayer左上角相对于supLayer左上角的位置关系.(与layer的锚点没有关系,始终是左上角的位置关系)

• width, height表示subLayer的宽度和高度

bounds

@property CGRect bounds;

此属性和view中的bounds属性相同.(将frame属性中的x,y设置为0, 即是bounds属性)

• X,Y为0

• width, height表示subLayer的宽度和高度

anchorPoint

anchorPoint点(锚点)的值是用相对bounds的比例值来确定的. 例如(0,0), (1,1)分别表示左上角、右下角,依此类推.

锚点都是对于自身来讲的. 确定自身的锚点,通常用于做相对的tranform变换.当然也可以用来确定位置.

例如下图,为不同锚点下做旋转变化的例子

position

在layer体系结构中, layer需要添加在supLayer中,才可以显示出来(和view体系结构相似). 因此,每一个显示出来的layer都有一个supLayer.

position是layer中的anchorPoint点在superLayer中的位置坐标.

anchorPoint、position、frame之间的相对关系.

首先弄清楚这三个属性表示什么. 回顾一下上面讲的.

• frame中的X,Y表示sublayer左上角相对于supLayer的左上角的距离
• position中的X,Y表示sublay锚点相对于supLayer的左上角的距离
• anchorPoint中的X,Y表示锚点的x,y的相对距离比例值

当确定锚点,改变frame时, position的值为:

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

确定锚点, 改变position时, frame的值为:

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

改变锚点, frame的值变化为

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

影响关系

• 锚点改变, position不影响, frame变化
• frame变化, 锚点不影响, position变化
• position变化, 锚点不影响, frame变化

参考

http://wonderffee.github.io/blog/2013/10/13/understand-anchorpoint-and-position/