一、position和anchorPoint

1.簡單介紹

CALayer有2個(gè)非常重要的屬性：position和anchorPoint

@property CGPoint position;

用來設(shè)置CALayer在父層中的位置

以父層的左上角為原點(diǎn)(0, 0)

?

@property CGPoint anchorPoint;

稱為“定位點(diǎn)”、“錨點(diǎn)”

決定著CALayer身上的哪個(gè)點(diǎn)會(huì)在position屬性所指的位置

以自己的左上角為原點(diǎn)(0, 0)

它的x、y取值范圍都是0~1，默認(rèn)值為（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

添加一個(gè)紅色圖層到綠色圖層上，紅色圖層顯示到什么位置，由position屬性決定

假設(shè)紅色圖層的position是（100，100）

　　到底把紅色圖層的哪個(gè)點(diǎn)移動(dòng)到（100，100）的坐標(biāo)位置，錨點(diǎn)。

　　紅色圖層的錨點(diǎn)是（0，0）

紅色圖層的錨點(diǎn)是（0.5，0.5）

紅色圖層的錨點(diǎn)是（1，1）

紅色圖層的錨點(diǎn)是（0.5，0）

3.代碼示例

（1）沒有設(shè)置錨點(diǎn)。默認(rèn)的錨點(diǎn)位置為（0.5，0.5）

1 // 2 // YYViewController.m 3 // 03-錨點(diǎn)等屬性 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 //創(chuàng)建圖層 21 CALayer *layer=[CALayer layer]; 22 //設(shè)置圖層的屬性 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）設(shè)置錨點(diǎn)位置為（0，0）

1 - (void)viewDidLoad 2 { 3 [super viewDidLoad]; 4 //創(chuàng)建圖層 5 CALayer *layer=[CALayer layer]; 6 //設(shè)置圖層的屬性 7 layer.backgroundColor=[UIColor redColor].CGColor; 8 layer.bounds=CGRectMake(0, 0, 100, 100); 9 //設(shè)置錨點(diǎn)為（0，0） 10 layer.anchorPoint=CGPointZero; 11 //添加圖層 12 [self.view.layer addSublayer:layer]; 13 } 14 @end

顯示效果：

二、隱式動(dòng)畫

1.簡單說明

每一個(gè)UIView內(nèi)部都默認(rèn)關(guān)聯(lián)著一個(gè)CALayer，我們可用稱這個(gè)Layer為Root Layer（根層）

所有的非Root Layer，也就是手動(dòng)創(chuàng)建的CALayer對象，都存在著隱式動(dòng)畫

什么是隱式動(dòng)畫？

當(dāng)對非Root Layer的部分屬性進(jìn)行修改時(shí)，默認(rèn)會(huì)自動(dòng)產(chǎn)生一些動(dòng)畫效果

而這些屬性稱為Animatable Properties(可動(dòng)畫屬性)

?

列舉幾個(gè)常見的Animatable Properties：

bounds：用于設(shè)置CALayer的寬度和高度。修改這個(gè)屬性會(huì)產(chǎn)生縮放動(dòng)畫

backgroundColor：用于設(shè)置CALayer的背景色。修改這個(gè)屬性會(huì)產(chǎn)生背景色的漸變動(dòng)畫

position：用于設(shè)置CALayer的位置。修改這個(gè)屬性會(huì)產(chǎn)生平移動(dòng)畫

2.代碼示例

1 // 2 // YYViewController.m 3 // 04-隱式動(dòng)畫 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 @property(nonatomic,strong)CALayer *layer; 13 @end 14 15 @implementation YYViewController 16 17 - (void)viewDidLoad 18 { 19 [super viewDidLoad]; 20 //創(chuàng)建圖層 21 CALayer *mylayer=[CALayer layer]; 22 //設(shè)置圖層屬性 23 mylayer.backgroundColor=[UIColor brownColor].CGColor; 24 mylayer.bounds=CGRectMake(0, 0, 150, 100); 25 //顯示位置 26 mylayer.position=CGPointMake(100, 100); 27 mylayer.anchorPoint=CGPointZero; 28 mylayer.cornerRadius=20; 29 //添加圖層 30 [self.view.layer addSublayer:mylayer]; 31 self.layer=mylayer; 32 } 33 34 -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event 35 { 36 //隱式動(dòng)畫 37 self.layer.bounds=CGRectMake(0, 0, 200, 60); 38 self.layer.backgroundColor=[UIColor yellowColor].CGColor; 39 } 40 @end

效果：

? ? ? ??

關(guān)閉隱式動(dòng)畫：

1 [CATransaction begin]; 2 [CATransaction setDisableActions:YES]; 3 //隱式動(dòng)畫 4 self.layer.bounds=CGRectMake(0, 0, 200, 60); 5 self.layer.backgroundColor=[UIColor yellowColor].CGColor; 6 [CATransaction commit];

3.如何查看CALayer的某個(gè)屬性是否支持隱式動(dòng)畫？

　　可以查看頭文件，看有沒有Animatable，如果有則表示支持。

也可以查看官方文檔

文檔中標(biāo)明的這些屬性都是支持隱式動(dòng)畫的

總結(jié)

以上是生活随笔為你收集整理的iOS开发UI 篇—CAlayer层的属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。