开发者社区> 老先生二号> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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锚点共同决定的。

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!
分类: iOS高级

本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/4882213.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
iOS开发CoreAnimation解读之二——对CALayer的分析(二)
iOS开发CoreAnimation解读之二——对CALayer的分析
97 0
iOS开发CoreAnimation解读之二——对CALayer的分析(一)
iOS开发CoreAnimation解读之二——对CALayer的分析
51 0
iOS开发CoreAnimation解读之二——对CALayer的分析(一)
iOS开发CoreAnimation解读之二——对CALayer的分析
41 0
iOS开发CoreAnimation解读之二——对CALayer的分析(二)
iOS开发CoreAnimation解读之二——对CALayer的分析
62 0
iOS开发那些事-平铺导航-基于Page的导航及案例实现
<p><strong>基于分页导航实现</strong></p> <p><span id="more-225"></span></p> <p>在iOS 5之后,可以使用分页控制器(UIPageViewController)构建类似于电子书效果的应用,我们称为基于分页的应用。一个分页应用有很多相关的视图控制器</p> <p align="center"> <a href="http:/
1171 0
iOS开发那些事-平铺导航–基于分屏导航及案例实现
<p>平铺导航模式是非常重要的导航模式。一般用于简单的扁平化信息浏览或任务。扁平化信息是指这些信息之间没有从属的层次关系,如中国的城市中北京、上 海和哈尔滨之间是扁平化信息,而哈尔滨市与黑龙江省之间的关系是从属的层次关系,层次关系信息可以采用标签导航和树形结构导航。</p> <p>从一个案例开始介绍平铺导航。如果我想为开发一个基于iPhone的“画廊”应用,目前只有3幅名画(左图是达芬奇-蒙娜
1081 0
677
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载