码迷,mamicode.com
首页 > 其他好文 > 详细

CALayer属性:position和anchorPoint

时间:2015-09-04 16:59:33      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:

一、position和anchorPoint

1.简单介绍

CALayer有2个非常重要的属性:position和anchorPoint

@property CGPoint position;

用来设置CALayer在父层中的位置

以父层的左上角为原点(0, 0)

 

@property CGPoint anchorPoint;

称为“定位点”、“锚点”

决定着CALayer身上的哪个点会在position属性所指的位置

以自己的左上角为原点(0, 0)

它的x、y取值范围都是0~1,默认值为(0.5, 0.5)

2.图示

anchorPoint

它的取值为0~1

技术分享

 

红色图层的anchorPoint为(0,0)

技术分享

红色图层的anchorPoint为(0.5,0.5)

技术分享

红色图层的anchorPoint为(1,1)

技术分享

红色图层的anchorPoint为(0.5,0)

技术分享

position和anchorPoint

添加一个红色图层到绿色图层上,红色图层显示到什么位置,由position属性决定

假设红色图层的position是(100,100)

  到底把红色图层的哪个点移动到(100,100)的坐标位置,锚点。

  红色图层的锚点是(0,0)

技术分享

红色图层的锚点是(0.5,0.5)

技术分享

红色图层的锚点是(1,1)

技术分享

红色图层的锚点是(0.5,0)

技术分享

3.代码示例

(1)没有设置锚点。默认的锚点位置为(0.5,0.5)

技术分享
 1 //
 2 //  YYViewController.m
 3 //  03-锚点等属性
 4 //
 5 //  Created by apple on 14-6-21.
 6 //  Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8 
 9 #import "YYViewController.h"
10 
11 @interface YYViewController ()
12 
13 @end
14 
15 @implementation YYViewController
16 
17 - (void)viewDidLoad
18 {
19     [super viewDidLoad];
20     //创建图层
21     CALayer *layer=[CALayer layer];
22     //设置图层的属性
23     layer.backgroundColor=[UIColor redColor].CGColor;
24     layer.bounds=CGRectMake(0, 0, 100, 100);
25     //添加图层
26     [self.view.layer addSublayer:layer];
27     
28 }
29 
30 @end
技术分享

显示效果:

技术分享         技术分享

(1)设置锚点位置为(0,0)

技术分享
 1 - (void)viewDidLoad
 2 {
 3     [super viewDidLoad];
 4     //创建图层
 5     CALayer *layer=[CALayer layer];
 6     //设置图层的属性
 7     layer.backgroundColor=[UIColor redColor].CGColor;
 8     layer.bounds=CGRectMake(0, 0, 100, 100);
 9     //设置锚点为(0,0)
10     layer.anchorPoint=CGPointZero;
11     //添加图层
12     [self.view.layer addSublayer:layer];
13 }
14 @end
技术分享

显示效果:

技术分享

 

CALayer属性:position和anchorPoint

标签:

原文地址:http://www.cnblogs.com/guoxiaoqian/p/4781815.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!