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。
iOS開發UI篇—CAlayer(創建圖層)