iOS核心动画高级技巧--(三)图层几何学

在这一章中,我们将要看一看图层内部是如何根据父图层和兄弟图层来控制位置和
尺寸的。另外我们也会涉及如何管理图层的几何结构,以及它是如何被自动调整和
自动布局影响的。

布局

UIView有三个比较重要的布局属性:boundsframecenter , CALayer 对应地叫做 frame, boundsposition 。为了能清楚区分,图层用了“position”,视图用了“center”,但是他们都代表同样的值。

frame 代表了图层的外部坐标(也就是在父图层上占据的空间), bounds 是内部坐标({0, 0}通常是图层的左上角),centerposition都代表了相对于 父图层anchorPoint(锚点) 所在的位置。anchorPoint(锚点) 的属性将会在后续介绍到,现在把它想成图层的中心点就好了。

iOS核心动画高级技巧--(三)图层几何学_第1张图片
UIView 和 CALayer 的坐标系.png

视图的frameboundscenter 属性仅仅是存取方法,当操纵视图的frame ,实际上是在改变位于视图下方 CALayerframe,不能够独立于图层之外改变视图的frame

对于视图或者图层来说, frame 并不是一个非常清晰的属性,它其实是一个虚拟属性,是根据 boundspositiontransform计算而来,所以当其中任何一个值发生改变,frame都会变化。相反,改变frame的值同样会影响到他们当中的值

记住当对图层做变换的时候,比如旋转或者缩放,frame实际上代表了覆盖在 图层旋转之后的整个轴对齐的矩形区域,也就是说frame 的宽高可能和bounds的宽高不再一致了

iOS核心动画高级技巧--(三)图层几何学_第2张图片
旋转一个视图或者图层之后的 frame 属性.png
锚点

之前提到过,视图的center 属性和图层的position 属性都指定了anchorPoint 相对于父图层的位置。图层的anchorPoint通过 position 来控制它的frame的位置,你可以认为anchorPoint是用来移动图层的把柄。
默认来说,anchorPoint位于图层的中点,所以图层的将会以这个点为中心放置.anchorPoint 属性并没有被UIView接口暴露出来,这也是视图的position属性被叫做“center”的原因。但是图层的anchorPoint 可以被移动,比如你可以把 它置于图层 frame 的左上角,于是图层的内容将会向右下角的 position 方向移动,而不是居中了。

iOS核心动画高级技巧--(三)图层几何学_第3张图片
改变 anchorPoint 的效果.png

和前面提到的contentsRectcontentsCenter 属性类似, anchorPoint用单位坐标来描述,也就是图层的相对坐标,图层左上角是{0, 0},右下角是{1, 1},因此默认坐标是{0.5, 0.5}anchorPoint 可以通过指定xy值小于0或者大于1,使它放置在图层范围之外。

从上图可知:当改变了 anchorPointposition 属性保持固定的值并没 有发生改变,但是 frame却移动了。

坐标系

和视图一样,图层在图层树当中也是相对于父图层按层级关系放置,一个图层的position依赖于它父图层的bounds,如果父图层发生了移动,它的所有子图层也会跟着移动。

这样对于放置图层会更加方便,因为你可以通过移动根图层来将它的子图层作为一个整体来移动,但是有时候你需要知道一个图层的绝对位置,或者是相对于另一个图层的位置,而不是它当前父图层的位置。

CALayer 给不同坐标系之间的图层转换提供了一些工具类方法:

- (CGPoint)convertPoint:(CGPoint)point fromLayer:(CALayer *)layer;
- (CGPoint)convertPoint:(CGPoint)point toLayer:(CALayer *)layer;
- (CGRect)convertRect:(CGRect)rect fromLayer:(CALayer *)layer;
- (CGRect)convertRect:(CGRect)rect toLayer:(CALayer *)layer;

这些方法可以把定义在一个图层坐标系下的点或者矩形转换成另一个图层坐标系下 的点或者矩形.

翻转的几何结构

常规说来,在iOS上,一个图层的position位于父图层的左上角,但是在Mac OS上,通常是位于左下角。Core Animation可以通过 geometryFlipped 属性来适配这两种情况,它决定了一个图层的坐标是否相对于父图层垂直翻转,是一个 BOOL 类型。在iOS上通过设置它为 YES意味着它的子图层将会被垂直翻转, 也就是将会沿着底部排版而不是通常的顶部(它的所有子图层也同理,除非把它们 的 geometryFlipped 属性也设为YES )。

Z坐标轴

UIView严格的二维坐标系不同,CALayer存在于一个三维空间当中。除了我们已经讨论过的positionanchorPoint属性之外, CALayer 还有另外两个属性,zPositionanchorPointZ,二者都是在Z轴上描述图层位置的浮点类型。
注意这里并没有更深的属性来描述由宽和高做成的 bounds了,图层是一个完全扁平的对象,你可以把它们想象成类似于一页二维的坚硬的纸片,用胶水粘成一个 空洞,就像三维结构的折纸一样。

zPosition 属性在大多数情况下其实并不常用。在第五章,我们将会涉及 CATransform3D ,你会知道如何在三维空间移动和旋转图层,除了做变换之 外,zPosition最实用的功能就是改变图层的显示顺序了。

通常,图层是根据它们子图层的 sublayers 出现的顺序来类绘制的,这就是所谓的画家的算法--就像一个画家在墙上作画--后被绘制上的图层将会遮盖住之前的图层,但是通过增加图层的zPosition,就可以把图层向相机方向前置,于是它就在所有其他图层的前面了(或者至少是小于它的 zPosition 值的图层的前面)。

这里所谓的“相机”实际上是相对于用户是视角,这里和iPhone背后的内置相机没 任何关系。

当然0.1或者0.0001也能够做到,但是最好不要这样,因为浮点类型四舍五 入的计算可能会造成一些不便的麻烦。

Hit Testing

CALayer并不关心任何响应链事件,所以不能直接处理触摸事件或者手势。但是 它有一系列的方法帮你处理事件: -containsPoint:-hitTest:

-containsPoint:接受一个在本图层坐标系下的CGPoint ,如果这个点在图层frame范围内就返回 YES
-hitTest: 方法同样接受一个 CGPoint类型参数,而不是BOOL 类型,它返回图层本身,或者包含这个坐标点的叶子节点图层。这意味着不再需要像使用 - containsPoint: 那样,人工地在每个子图层变换或者测试点击的坐标。如果这个点在最外面图层的范围之外,则返回nil。具体使用 -hitTest: 方法被点击图层的 代码如所示。

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
    //get touch position
    CGPoint point = [[touches anyObject] locationInView:self.view];
    //get touched layer
    CALayer *layer = [self.layerView.layer hitTest:point];
    //get layer using hitTest
    if (layer == self.blueLayer) {
        [[[UIAlertView alloc] initWithTitle:@"Inside Blue Layer"
                                    message:nil
                                   delegate:nil
                          cancelButtonTitle:@"OK"
                          otherButtonTitles:nil] show];
    } else if (layer == self.layerView.layer) {
        [[[UIAlertView alloc] initWithTitle:@"Inside White Layer"
                                    message:nil
                                    delegate:nil
                          cancelButtonTitle:@"OK"
                          otherButtonTitles:nil] show];
 } }

注意当调用图层的-hitTest: 方法时,测算的顺序严格依赖于图层树当中的图层顺序(和 UIView 处理事件类似)。之前提到的 zPosition 属性可以明显改变屏幕 上图层的顺序,但不能改变事件传递的顺序。
这意味着如果改变了图层的z轴顺序,你会发现将不能够检测到最前方的视图点击事件,这是因为被另一个图层遮盖住了,虽然它的zPosition值较小,但是在图层树中的顺序靠前。

自动布局

你可能用过UIViewAutoresizingMask类型的一些常量,应用于当父视图改尺寸的时候,相应UIViewframe 也跟着更新的场景(通常用于横竖屏切换)。

当使用视图的时候,可以充分利用UIView 类接口暴露出来的UIViewAutoresizingMaskNSLayoutConstraint API,但如果想随意控制CALayer的布局,就需要手工操作。最简单的方法就是使用CALayerDelegate如下函数:

 - (void)layoutSublayersOfLayer:(CALayer *)layer;

当图层的bounds 发生改变,或者图层的-setNeedsLayout方法被调用的时 候,这个函数将会被执行。这使得你可以手动地重新摆放或者重新调整子图层的大小,但是不能像 UIViewautoresizingMaskconstraints 属性做到自适 应屏幕旋转。

这也是为什么最好使用视图而不是单独的图层来构建应用程序的另一个重要原因
之一。

总结

本章涉及了CALayer 的集合结构,包括它的 framepositionbounds ,介绍了三维空间内图层的概念,以及如何在独立的图层内响应事件,最后简单说明了在iOS平台,Core Animation对自动调整 和自动布局支持的缺乏。

iOS核心动画高级技巧--目录

你可能感兴趣的:(iOS核心动画高级技巧--(三)图层几何学)