iOS開發UI篇—CAlayer(建立圖層)
一、新增一個圖層
新增圖層的步驟：
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。