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(0, 0, 100, 100);
subLayer.backgroundColor = [[UIColor redColor]CGColor];

//层的位置是靠position和anchorPoint共同确定的
subLayer.position = CGPointMake(100, 100);
[self.view.layer addSublayer:subLayer];
}

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



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

- (void)viewDidLoad {
[super viewDidLoad];

//添加子层
CALayer *subLayer = [[CALayer alloc]init];

//层的大小用bounds设置
subLayer.bounds = CGRectMake(0, 0, 100, 100);
subLayer.backgroundColor = [[UIColor redColor]CGColor];

//层的位置是靠position和anchorPoint共同确定的
subLayer.position = CGPointMake(100, 100);

//默认的锚点(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(0, 0, 100, 100);
subLayer.backgroundColor = [[UIColor redColor]CGColor];

//层的位置是靠position和anchorPoint共同确定的
subLayer.position = CGPointMake(100, 100);

//默认的锚点(0.5,0.5)
subLayer.anchorPoint = CGPointMake(0, 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(0, 0, 100, 100);
subLayer.backgroundColor = [[UIColor redColor]CGColor];

//层的位置是靠position和anchorPoint共同确定的
subLayer.position = CGPointMake(100, 100);

//默认的锚点(0.5,0.5)
subLayer.anchorPoint = CGPointMake(0.5, 0);

[self.view.layer addSublayer:subLayer];
}

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



总结：

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