前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >CALayer之anchorPoint分析

CALayer之anchorPoint分析

作者头像
全栈程序员站长
发布2022-11-08 10:02:23
2410
发布2022-11-08 10:02:23
举报
文章被收录于专栏:全栈程序员必看

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;

CALayer之anchorPoint分析
CALayer之anchorPoint分析

修改anchorPoint:

CGPoint anchorPoint = CGPointMake(0.0, 0.5);

btnBlue.layer.anchorPoint = anchorPoint;

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

CALayer之anchorPoint分析
CALayer之anchorPoint分析

解决办法:

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就显示正常了。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/184497.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年10月8日 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档