一、添加一個圖層

添加圖層的步驟：

1.創建layer 2.設置layer的屬性（設置了顏色，bounds才能顯示出來） 3.將layer添加到界面上（控制器view的layer上）? 1 // 2 // YYViewController.m 3 // 01-創建一個簡單的圖層 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.創建一個layer 22 // 使用對象方法創建 23 // CALayer *layer=[[CALayer alloc]init]; 24 //使用類方法創建 25 CALayer *layer=[CALayer layer]; 26 27 //2.設置layer的屬性(一定要設置位置，顏色屬性才能顯示出來) 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

　　

?

二、添加一個顯示圖片的圖層

　　代碼示例：

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

執行效果：

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

?

三、CGColorRef和CGImageRef數據類型

1.簡單說明

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

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

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

不過很多情況下，可以通過UIKit對象的特定方法，得到CoreGraphics對象，比如UIImage的CGImage方法可以返回一個CGImageRef

2.導入QuartzCore框架

在xcode5中不再需要我們自己導入這個框架，如果是在ios6和xcode4以前，需要導入框架

（1） 點擊項目名稱，然后點擊右邊TARGETS下面的target

（2）點擊Build Pases后，展開Link Binary....，添加 + 號

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

（4）添加完畢后，這個框架就會出現在項目文件夾中

　　

最后，還需要在項目代碼中導入框架的主頭文件。

#import <QuartzCore/QuartzCore.h>

?

四、UIView和CALayer的選擇

可以發現，前面的2個效果不僅可以通過添加層來實現，還可以通過添加UIView來實現。如顯示圖片的層可以用一個UIImageView來實現。?既然CALayer和UIView都能實現相同的顯示效果，那究竟該選擇誰好呢？

其實，對比CALayer，UIView多了一個事件處理的功能。也就是說，CALayer不能處理用戶的觸摸事件，而UIView可以。

所以，在選擇的過程中，需要考慮到實際的情況，如果顯示出來的東西需要跟用戶進行交互的話，用UIView；如果不需要跟用戶進行交互，用UIView或者CALayer都可以

當然，CALayer的性能會高一些，因為它少了事件處理的功能，更加輕量級?

五、補充說明

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.創建一個layer 15 // 使用對象方法創建 16 // CALayer *layer=[[CALayer alloc]init]; 17 //使用類方法創建 18 CALayer *layer=[CALayer layer]; 19 20 //2.設置layer的屬性(一定要設置位置，顏色屬性才能顯示出來) 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 }

打印結果如下：

說明：在添加layer之前，控制器view上layer又兩個子layer，添加之后，有三個子layer。

2.訪問層

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通過sublayers屬性訪問所有的子層 12 NSLog(@"%@",self.view.layer.sublayers[2]); 13 NSLog(@"%@",layer); 14 15 //CALayer也可以通過superlayer屬性訪問父層 16 NSLog(@"%@",layer.superlayer); 17 NSLog(@"%@",self.view.layer); 18 }

　　UIView可以通過subviews屬性訪問所有的子視圖，類似地，CALayer也可以通過sublayers屬性訪問所有的子層

?　 ?UIView可以通過superview屬性訪問父視圖，類似地，CALayer也可以通過superlayer屬性訪問父層

3.注意

　　在storyboard中，向界面上拖一個button按鈕，打印查看子layer的個數。

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 }

打印結果如下：

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

轉載于:https://www.cnblogs.com/Free-Thinker/p/4969534.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。