CALayer之anchorPoint分析

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

anchorPoint：CALayer中心点，动画特效的中心点，取值区间[0.0, 1.0]，默认为(0.5, 0.5);

position：CALayer中心点坐标；

frame.origin：由anchorPoint、position共同计算得出：

frame.origin.x = position.x – anchorPoint * bounds.size.width;

frame.origin.y = position.y – anchorPoint * bounds.size.height;

frame.size.width = bounds.size.width;

frame.size.height = bounds.size.height;

有些动画效果需要我们修改anchorPoint，比如绕着自身某条边旋转等。

当我们改变了anchorPoint，计算出的frame.origin也会随之改变，因此最终显示的图像就会发生偏移，这时就需要我们对position或frame做适当的修改。

例如：在屏幕上显示一个蓝色button

UIButton *btnBlue = [[UIButton alloc] initWithFrame:CGRectMake(50, 50, 100, 100)];

btnBlue.backgroundColor = [UIColor blueColor];

CGRect oldFrame = btnBlue.layer.frame;

修改anchorPoint：

CGPoint anchorPoint = CGPointMake(0.0, 0.5);

btnBlue.layer.anchorPoint = anchorPoint;

修改之后，btnBlue显示位置向右偏移。

解决办法：

1.修改position

btnBlue.layer.position = CGPointMake(btnBlue.layer.position.x – btnBlue.layer.frame.size.width * (0.5 – anchorPoint.x),

                                                                      btnBlue.layer.position.y – btnBlue.layer.frame.size.height * (0.5 – anchorPoint.y);

2.直接修改frame

btnBlue.layer.frame = oldFrame.

这样，btnBlue就显示正常了。