一、添加一個(gè)圖層

添加圖層的步驟：

1.創(chuàng)建layer 2.設(shè)置layer的屬性（設(shè)置了顏色，bounds才能顯示出來(lái)） 3.將layer添加到界面上（控制器view的layer上）? 1 // 2 // YYViewController.m 3 // 01-創(chuàng)建一個(gè)簡(jiǎ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 21 //1.創(chuàng)建一個(gè)layer 22 // 使用對(duì)象方法創(chuàng)建 23 // CALayer *layer=[[CALayer alloc]init]; 24 //使用類方法創(chuàng)建 25 CALayer *layer=[CALayer layer]; 26 27 //2.設(shè)置layer的屬性(一定要設(shè)置位置，顏色屬性才能顯示出來(lái)) 28 layer.backgroundColor=[UIColor brownColor].CGColor; 29 layer.bounds=CGRectMake(0, 0, 200, 200); 30 layer.position=CGPointMake(100, 100); 31 32 //3.把layer添加到界面上 33 [self.view.layer addSublayer:layer]; 34 } 35 36 @end

　　

?

二、添加一個(gè)顯示圖片的圖層

　　代碼示例：

1 // 2 // YYViewController.m 3 // 02-添加一個(gè)顯示圖片的圖層 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)建一個(gè)layer 21 CALayer *Mylayer=[CALayer layer]; 22 //設(shè)置layer的屬性 23 Mylayer.bounds=CGRectMake(100, 100, 100, 100); 24 Mylayer.position=CGPointMake(100, 100); 25 26 //設(shè)置需要顯示的圖片 27 Mylayer.contents=(id)[UIImage imageNamed:@"me"].CGImage; 28 //設(shè)置圓角半徑為10 29 Mylayer.cornerRadius=10; 30 //如果設(shè)置了圖片，那么需要設(shè)置這個(gè)屬性為YES才能顯示圓角效果 31 Mylayer.masksToBounds=YES; 32 //設(shè)置邊框 33 Mylayer.borderWidth=3; 34 Mylayer.borderColor=[UIColor brownColor].CGColor; 35 36 //把layer添加到界面上 37 [self.view.layer addSublayer:Mylayer]; 38 } 39 @end

執(zhí)行效果：

說(shuō)明：在第27行設(shè)置需要顯示的圖片，注意，這里用的是UIImage的CGImage屬性，是一種CGImageRef類型的數(shù)據(jù)

?

三、CGColorRef和CGImageRef數(shù)據(jù)類型

1.簡(jiǎn)單說(shuō)明

CALayer是定義在QuartzCore框架中的；CGImageRef、CGColorRef兩種數(shù)據(jù)類型是定義在CoreGraphics框架中的；UIColor、UIImage是定義在UIKit框架中的

其次，QuartzCore框架和CoreGraphics框架是可以跨平臺(tái)使用的，在iOS和Mac OS X上都能使用，但是UIKit只能在iOS中使用

因此，為了保證可移植性，QuartzCore不能使用UIImage、UIColor，只能使用CGImageRef、CGColorRef

不過(guò)很多情況下，可以通過(guò)UIKit對(duì)象的特定方法，得到CoreGraphics對(duì)象，比如UIImage的CGImage方法可以返回一個(gè)CGImageRef

2.導(dǎo)入QuartzCore框架

在xcode5中不再需要我們自己導(dǎo)入這個(gè)框架，如果是在ios6和xcode4以前，需要導(dǎo)入框架

（1） 點(diǎn)擊項(xiàng)目名稱，然后點(diǎn)擊右邊TARGETS下面的target

（2）點(diǎn)擊Build Pases后，展開(kāi)Link Binary....，添加 + 號(hào)

（3） 在搜索框中輸入"Quartz"，選中QuartzCore.framework，最后add添加

（4）添加完畢后，這個(gè)框架就會(huì)出現(xiàn)在項(xiàng)目文件夾中

　　

最后，還需要在項(xiàng)目代碼中導(dǎo)入框架的主頭文件。

#import <QuartzCore/QuartzCore.h>

?

四、UIView和CALayer的選擇

可以發(fā)現(xiàn)，前面的2個(gè)效果不僅可以通過(guò)添加層來(lái)實(shí)現(xiàn)，還可以通過(guò)添加UIView來(lái)實(shí)現(xiàn)。如顯示圖片的層可以用一個(gè)UIImageView來(lái)實(shí)現(xiàn)。?既然CALayer和UIView都能實(shí)現(xiàn)相同的顯示效果，那究竟該選擇誰(shuí)好呢？

其實(shí)，對(duì)比CALayer，UIView多了一個(gè)事件處理的功能。也就是說(shuō)，CALayer不能處理用戶的觸摸事件，而UIView可以。

所以，在選擇的過(guò)程中，需要考慮到實(shí)際的情況，如果顯示出來(lái)的東西需要跟用戶進(jìn)行交互的話，用UIView；如果不需要跟用戶進(jìn)行交互，用UIView或者CALayer都可以

當(dāng)然，CALayer的性能會(huì)高一些，因?yàn)樗倭耸录幚淼墓δ?#xff0c;更加輕量級(jí)?

五、補(bǔ)充說(shuō)明

1.添加子layer

1 #import "YYViewController.h" 2 3 @interface YYViewController () 4 5 @end 6 7 @implementation YYViewController 8 9 - (void)viewDidLoad 10 { 11 [super viewDidLoad]; 12 13 NSLog(@"star-%@",self.view.layer.sublayers); 14 //1.創(chuàng)建一個(gè)layer 15 // 使用對(duì)象方法創(chuàng)建 16 // CALayer *layer=[[CALayer alloc]init]; 17 //使用類方法創(chuàng)建 18 CALayer *layer=[CALayer layer]; 19 20 //2.設(shè)置layer的屬性(一定要設(shè)置位置，顏色屬性才能顯示出來(lái)) 21 layer.backgroundColor=[UIColor brownColor].CGColor; 22 layer.bounds=CGRectMake(0, 0, 200, 200); 23 layer.position=CGPointMake(100, 100); 24 25 //3.把layer添加到界面上 26 [self.view.layer addSublayer:layer]; 27 28 NSLog(@"end-%@",self.view.layer.sublayers); 29 }

打印結(jié)果如下：

說(shuō)明：在添加layer之前，控制器view上layer又兩個(gè)子layer，添加之后，有三個(gè)子layer。

2.訪問(wèn)層

1 - (void)viewDidLoad 2 { 3 [super viewDidLoad]; 4 5 CALayer *layer=[CALayer layer]; 6 layer.backgroundColor=[UIColor brownColor].CGColor; 7 layer.bounds=CGRectMake(0, 0, 200, 200); 8 layer.position=CGPointMake(100, 100); 9 10 [self.view.layer addSublayer:layer]; 11 //CALayer通過(guò)sublayers屬性訪問(wèn)所有的子層 12 NSLog(@"%@",self.view.layer.sublayers[2]); 13 NSLog(@"%@",layer); 14 15 //CALayer也可以通過(guò)superlayer屬性訪問(wèn)父層 16 NSLog(@"%@",layer.superlayer); 17 NSLog(@"%@",self.view.layer); 18 }

　　UIView可以通過(guò)subviews屬性訪問(wèn)所有的子視圖，類似地，CALayer也可以通過(guò)sublayers屬性訪問(wèn)所有的子層

?　 ?UIView可以通過(guò)superview屬性訪問(wèn)父視圖，類似地，CALayer也可以通過(guò)superlayer屬性訪問(wèn)父層

3.注意

　　在storyboard中，向界面上拖一個(gè)button按鈕，打印查看子layer的個(gè)數(shù)。

1 - (void)viewDidLoad 2 { 3 [super viewDidLoad]; 4 5 CALayer *layer=[CALayer layer]; 6 layer.backgroundColor=[UIColor brownColor].CGColor; 7 layer.bounds=CGRectMake(0, 0, 200, 200); 8 layer.position=CGPointMake(100, 100); 9 10 [self.view.layer addSublayer:layer]; 11 //打印所有的layer 12 NSLog(@"%@",self.view.layer.sublayers); 13 }

打印結(jié)果如下：

特別注意：如果一個(gè)控件是另外一個(gè)控件的子控件，那么這個(gè)控件的layer也是另一個(gè)控件的子layer。

轉(zhuǎn)載于:https://www.cnblogs.com/Free-Thinker/p/4969534.html

總結(jié)

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

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