iOS:CALayer锚点的使用

CALayer层的位置主要和position和anchorPoint有关。其中它们在一起才能决定层在视图中的具体位置。

@property CGPoint position;         //位置

@property CGPoint anchorPoint;  //锚点

锚点的范围：（0.0~1.0）

具体的演示如下：

1、采用默认的锚点(0.5,0.5)

- (void)viewDidLoad {

    [super viewDidLoad];

    //添加子层

    CALayer *subLayer = [[CALayer alloc]init];

    //层的大小用bounds设置

    subLayer.bounds = CGRectMake(, , , );

    subLayer.backgroundColor = [[UIColor redColor]CGColor];

    //层的位置是靠position和anchorPoint共同确定的

    subLayer.position = CGPointMake(, );

    [self.view.layer addSublayer:subLayer];

}

演示结果：anchorPoint锚点在红色矩形的中心处

---

2、采用自定义的锚点(0.0,0.0)

- (void)viewDidLoad {

    [super viewDidLoad];

    //添加子层

    CALayer *subLayer = [[CALayer alloc]init];

    //层的大小用bounds设置

    subLayer.bounds = CGRectMake(, , , );

    subLayer.backgroundColor = [[UIColor redColor]CGColor];

    //层的位置是靠position和anchorPoint共同确定的

    subLayer.position = CGPointMake(, );

    //默认的锚点(0.5,0.5)

    //subLayer.anchorPoint = CGPointMake(0, 0);

    [self.view.layer addSublayer:subLayer];

}

演示结果：anchorPoint锚点在红色矩形的左上角转角这一点处

3、采用自定义的锚点（0.0，0.5）

- (void)viewDidLoad {

    [super viewDidLoad];

    //添加子层

    CALayer *subLayer = [[CALayer alloc]init];

    //层的大小用bounds设置

    subLayer.bounds = CGRectMake(, , , );

    subLayer.backgroundColor = [[UIColor redColor]CGColor];

    //层的位置是靠position和anchorPoint共同确定的

    subLayer.position = CGPointMake(, );

    //默认的锚点(0.5,0.5)

    subLayer.anchorPoint = CGPointMake(, 0.5);

    [self.view.layer addSublayer:subLayer];

}

演示结果：anchorPoint锚点在红色矩形的上面一条边的中心处

4、采用自定义的锚点(0.5,0.0)

- (void)viewDidLoad {

    [super viewDidLoad];

    //添加子层

    CALayer *subLayer = [[CALayer alloc]init];

    //层的大小用bounds设置

    subLayer.bounds = CGRectMake(, , , );

    subLayer.backgroundColor = [[UIColor redColor]CGColor];

    //层的位置是靠position和anchorPoint共同确定的

    subLayer.position = CGPointMake(, );

    //默认的锚点(0.5,0.5)

    subLayer.anchorPoint = CGPointMake(0.5, );

    [self.view.layer addSublayer:subLayer];

}

演示结果：anchorPoint锚点在红色矩形的左边一条边的中心处

总结：

可以看出，层的位置光凭position是无法确定的,每一次anchorPoint锚点的不同,层的位置也就发生的了改变。所以，层的位置是有position和anchorPoint锚点共同决定的。