CALayer簡介####

The CALayer class manages image-based content and allows you to perform animations on that content. Layers are often used to provide the backing store for views but can also be used without a view to display content. A layer’s main job is to manage the visual content that you provide but the layer itself has visual attributes that can be set, such as a background color, border, and shadow. In addition to managing visual content, the layer also maintains information about the geometry of its content (such as its position, size, and transform) that is used to present that content onscreen. Modifying the properties of the layer is how you initiate animations on the layer’s content or geometry. A layer object encapsulates the duration and pacing of a layer and its animations by adopting the CAMediaTiming protocol, which defines the layer’s timing information.

If the layer object was created by a view, the view typically assigns itself as the layer’s delegate automatically, and you should not change that relationship. For layers you create yourself, you can assign a delegate object and use that object to provide the contents of the layer dynamically and perform other tasks. A layer may also have a layout manager object (assigned to the layoutManager property) to manage the layout of subviews separately.

這是官方文檔對(duì)CALayer的解釋，個(gè)人理解CALayer是用來繪制泼橘、渲染
圖形的耘柱。我們利用drawRect:方法繪圖的本質(zhì)就是繪制到了UIView的layer上。

與UIView又有什么區(qū)別和聯(lián)系呢幕随？####

事實(shí)上使用Quartz 2D繪圖時(shí)其實(shí)是在操作CALayer，UIView 下有個(gè)屬性layer；這個(gè)layer層就是真正繪制UIView所要展示的東西渊跋。然而之所以要將CALayer封裝成UIView則是為了給其添加事件響應(yīng)租幕。

因?yàn)镃ALayer是繼承與NSObject的囊蓝，所以他是不具備響應(yīng)的。而UIView是繼承與UIResponder的令蛉，UIResponder本身可以提供事件響應(yīng)聚霜，再用CALayer給他繪制一個(gè)圖像，那一個(gè)具有響應(yīng)事件的對(duì)象就誕生了珠叔，他就是我們的UIView蝎宇。

當(dāng)我們創(chuàng)建一個(gè)UIView對(duì)象時(shí)，系統(tǒng)自動(dòng)為我們創(chuàng)建一個(gè)CALayer對(duì)象,這個(gè)對(duì)象就是UIView的layer屬性祷安。

CALayer常用屬性####

• 隱式屬性動(dòng)畫的本質(zhì)是這些屬性的變動(dòng)默認(rèn)隱含了CABasicAnimation動(dòng)畫實(shí)現(xiàn)節(jié)膘侮。
• 在CALayer中很少使用frame屬性，因?yàn)閒rame本身不支持動(dòng)畫效果的榛，通常使用bounds和position代替琼了。
• CALayer中透明度使用opacity表示而不是alpha；中心點(diǎn)使用position表示而不是center夫晌。
• anchorPoint屬性是圖層的錨點(diǎn)雕薪，范圍在（0_1,01）表示在x、y軸的比例慷丽，這個(gè)點(diǎn)永遠(yuǎn)可以同position（中心點(diǎn)）重合蹦哼，當(dāng)圖層中心點(diǎn)固定后，調(diào)整anchorPoint即可達(dá)到調(diào)整圖層顯示位置的作用（因?yàn)樗肋h(yuǎn)和position重合）

為了進(jìn)一步說明anchorPoint的作用要糊，假設(shè)有一個(gè)層大小100*100纲熏，現(xiàn)在中心點(diǎn)位置（50,50），由此可以得出frame（0,0,100,100）锄俄。上面說過anchorPoint默認(rèn)為（0.5,0.5）局劲，同中心點(diǎn)position重合，此時(shí)使用圖形描述如圖1奶赠；當(dāng)修改anchorPoint為（0,0）鱼填，此時(shí)錨點(diǎn)處于圖層左上角，但是中心點(diǎn)poition并不會(huì)改變毅戈，因此圖層會(huì)向右下角移動(dòng)苹丸，如圖2；然后修改anchorPoint為（1,1,）苇经，position還是保持位置不變赘理，錨點(diǎn)處于圖層右下角，此時(shí)圖層如下圖扇单。

屏幕快照 2017-01-13 下午1.41.30.png

#import "ViewController.h"

#define WIDTH 50

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    [self drawMyLayer];
}

//繪制圖層
- (void)drawMyLayer{
    CGSize size = [UIScreen mainScreen].bounds.size;
    
    //獲取根視圖
    CALayer * layer = [[CALayer alloc]init];
    
    //設(shè)置背景顏色商模，由于QuartzCore是跨平臺(tái)框架 無法直接使用UIColor
    layer.backgroundColor = [UIColor colorWithRed:0 green:146/255 blue:1.0 alpha:1.0].CGColor;
    
    //設(shè)置中心點(diǎn)
    layer.position = CGPointMake(size.width/2, size.height/2);
    
    //設(shè)置大小
    layer.bounds = CGRectMake(0, 0, WIDTH, WIDTH);
    
    //設(shè)置圓角
    layer.cornerRadius = WIDTH/2;
    
    /**設(shè)置陰影*/
    //設(shè)置陰影顏色
    layer.shadowColor = [UIColor redColor].CGColor;
    //設(shè)置陰影偏移量
    layer.shadowOffset = CGSizeMake(2, 2);
    //設(shè)置陰影透明度
    layer.shadowOpacity = 0.9;
    
    /**設(shè)置邊框*/
    //設(shè)置邊框顏色
    layer.borderColor = [UIColor whiteColor].CGColor;
    //設(shè)置邊框?qū)挾?    layer.borderWidth = 1;
    
    //設(shè)置錨點(diǎn)
    layer.anchorPoint = CGPointZero;
    
    [self.view.layer addSublayer:layer];
    
}

//點(diǎn)擊放大
- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    UITouch * touch = [touches anyObject];
    CALayer * layer = [self.view.layer.sublayers lastObject];
    layer.backgroundColor = [UIColor greenColor].CGColor;
//    CGFloat width = layer.bounds.size.width;
//    if(width == WIDTH){
//        width = WIDTH * 4;
//    }else{
//        width = WIDTH;
//    }
//    layer.bounds = CGRectMake(0, 0, width, width);
    //函數(shù)返回一個(gè)CGPoint類型的值，表示觸摸在view這個(gè)視圖上的位置，這里返回的位置是針對(duì)view的坐標(biāo)系的施流。調(diào)用時(shí)傳入的view參數(shù)為空的話响疚，返回的時(shí)觸摸點(diǎn)在整個(gè)窗口的位置。
    layer.position = [touch locationInView:self.view];
    NSLog(@"%f %f",[touch locationInView:self.view].x,[touch locationInView:self.view].y);
//    layer.cornerRadius = width/2;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

gif1.gif

CALayer繪圖####

圖層繪圖有兩種方法瞪醋，不管使用哪種方法繪制完必須調(diào)用圖層的setNeedDisplay方法（注意是圖層的方法忿晕，不是UIView的方法，前面我們介紹過UIView也有此方法）

• 通過圖層代理drawLayer: inContext:方法繪制
• 通過自定義圖層drawInContext:方法繪制

使用代理方法繪圖#####

通過代理方法進(jìn)行圖層繪圖只要指定圖層的代理趟章，然后在代理對(duì)象中重寫*-(void)drawLayer:(CALayer )layer inContext:(CGContextRef)ctx方法即可杏糙。需要注意這個(gè)方法雖然是代理方法但是不用手動(dòng)實(shí)現(xiàn)CALayerDelegate慎王，因?yàn)镃ALayer定義中給NSObject做了分類擴(kuò)展蚓土，所有的NSObject都包含這個(gè)方法。另外設(shè)置完代理后必須要調(diào)用圖層的setNeedDisplay方法赖淤，否則繪制的內(nèi)容無法顯示蜀漆。

Demo1 繪制一個(gè)圓形圖層######

#import "ViewController.h"

#define PHONE_HEIGHT 150

//角度轉(zhuǎn)弧度
#define DEGREES_TO_RADIANS(angle) ((angle) / 180.0 * M_PI)

@interface ViewController ()<CALayerDelegate>

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    //自定義圖層
    CALayer * layer = [[CALayer alloc]init];
    //設(shè)置圖層的大小位置
    layer.bounds = CGRectMake(0, 0, PHONE_HEIGHT, PHONE_HEIGHT);
    //設(shè)置圖層原點(diǎn)的位置
    layer.position = CGPointMake(160, 200);
    //設(shè)置圖層的背景顏色
    layer.backgroundColor = [UIColor redColor].CGColor;
    //設(shè)置圓角
    layer.cornerRadius = PHONE_HEIGHT/2;
    //注意僅僅設(shè)置圓角，對(duì)于圖形而言可以正常顯示咱旱，但是對(duì)于圖層中繪制的圖片無法正確顯示
    //如果想要正確顯示則必須設(shè)置masksToBounds=YES确丢，剪切子圖層
    layer.masksToBounds = YES;
    //陰影效果無法和masksToBounds同時(shí)使用，因?yàn)閙asksToBounds的目的就是剪切外邊框吐限，
    //而陰影效果剛好在外邊框
    //    layer.shadowColor=[UIColor grayColor].CGColor;
    //    layer.shadowOffset=CGSizeMake(2, 2);
    //    layer.shadowOpacity=1;
    //設(shè)置邊框
    layer.borderColor = [UIColor whiteColor].CGColor;
    layer.borderWidth = 2;
    
    //設(shè)置圖層代理
    layer.delegate = self;
    
    //調(diào)用圖層setNeedDisplay 否則代理方法不會(huì)調(diào)用
    [layer setNeedsDisplay];
    
    //添加圖層到根圖層
    [self.view.layer addSublayer:layer];
    
    
}

#pragma mark 繪制圖形鲜侥、圖像到圖層，注意參數(shù)中的ctx是圖層的圖形上下文诸典，其中繪圖位置也是相對(duì)圖層而言的
- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx{
    //這個(gè)圖層是上面定義的圖層
    CGContextSaveGState(ctx);
    //CGContextScaleCTM 縮放函數(shù)
    //CGContextTranslateCTM 移動(dòng)函數(shù)
    //CGContextRotateCTM 旋轉(zhuǎn)加翻轉(zhuǎn)函數(shù)
    
    //圖像上下文形變 解決圖片倒立的問題
    /*
        CGContextScaleCTM(ctx, 1, -1);
        CGContextTranslateCTM(ctx, 0, -PHONE_HEIGHT);
     */
    
    //圖片旋轉(zhuǎn)90度并翻轉(zhuǎn)
    /*
        CGContextTranslateCTM(ctx, PHONE_HEIGHT, 0);
        CGContextRotateCTM(ctx,DEGREES_TO_RADIANS(90));
     */

    UIImage * image = [UIImage imageNamed:@"4444.png"];
    
    //注意這個(gè)位置是相對(duì)于圖層而言的不是屏幕
    CGContextDrawImage(ctx, CGRectMake(0, 0, PHONE_HEIGHT, PHONE_HEIGHT), image.CGImage);
    
    CGContextRestoreGState(ctx);
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end

如果不做任何操作是圖片是倒立的如圖2描函，設(shè)置縮放和移動(dòng)位置使其正立如圖1，設(shè)置旋轉(zhuǎn)90度如圖3

屏幕快照 2017-01-17 下午6.25.13.png

Demo2 繪制一個(gè)帶有陰影圓形圖層######

如果設(shè)置了masksToBounds=YES之后確實(shí)可以顯示圖片圓角效果狐粱，但遺憾的是設(shè)置了這個(gè)屬性之后就無法設(shè)置陰影效果舀寓。因?yàn)閙asksToBounds=YES就意味著外邊框不能顯示，而陰影恰恰作為外邊框繪制的肌蜻，這樣兩個(gè)設(shè)置就產(chǎn)生了矛盾互墓。要解決這個(gè)問題不妨換個(gè)思路:使用兩個(gè)大小一樣的圖層，下面的圖層負(fù)責(zé)繪制陰影蒋搜，上面的圖層用來顯示圖片篡撵。

#import "ViewController.h"

#define PHONE_HEIGHT 150

//角度轉(zhuǎn)弧度
#define DEGREES_TO_RADIANS(angle) ((angle) / 180.0 * M_PI)

@interface ViewController ()<CALayerDelegate>

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    //圖層中心點(diǎn)
    CGPoint position = CGPointMake(160, 200);
    //設(shè)置圖層大小
    CGRect bounds = CGRectMake(0, 0, PHONE_HEIGHT, PHONE_HEIGHT);
    //設(shè)置半徑
    CGFloat cornerRadius = PHONE_HEIGHT/2;
    //設(shè)置邊框?qū)挾?    CGFloat borderWidth = 2;
    
    //陰影圖層
    CALayer * layerShadow = [[CALayer alloc]init];
    layerShadow.bounds = bounds;
    layerShadow.position = position;
    layerShadow.cornerRadius = cornerRadius;
    //設(shè)置陰影的顏色、偏移量豆挽、陰影透明度
    layerShadow.shadowColor = [UIColor grayColor].CGColor;
    layerShadow.shadowOffset = CGSizeMake(2, 1);
    layerShadow.shadowOpacity = 1;
    //設(shè)置邊框顏色
    layerShadow.borderColor = [UIColor whiteColor].CGColor;
    layerShadow.borderWidth = borderWidth;
    [self.view.layer addSublayer:layerShadow];
    
    //容器圖層
    CALayer * layer = [[CALayer alloc]init];
    layer.bounds = bounds;
    layer.position = position;
    layer.backgroundColor = [UIColor redColor].CGColor;
    layer.cornerRadius = cornerRadius;
    layer.masksToBounds = YES;
    layer.borderColor = [UIColor whiteColor].CGColor;
    layer.borderWidth = borderWidth;
    
    //設(shè)置圖層代理
    layer.delegate = self;
    
    //添加圖層到根視圖
    [self.view.layer addSublayer:layer];
    
    //調(diào)用圖層setNeedDisplay 育谬，否則代理方法不會(huì)被調(diào)用
    [layer setNeedsDisplay];
}

#pragma mark 繪制圖形、圖形到圖層祷杈，注意參數(shù)中的ctx是圖層的圖形上下文 其中繪圖位置也是相對(duì)圖層而言
- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx{
    CGContextSaveGState(ctx);
    
    //圖形上下文形變斑司，解決圖片倒立的問題
    CGContextScaleCTM(ctx, 1, -1);
    CGContextTranslateCTM(ctx, 0, -PHONE_HEIGHT);
    
    UIImage * image = [UIImage imageNamed:@"4444.png"];
    CGContextDrawImage(ctx, CGRectMake(0, 0, PHONE_HEIGHT, PHONE_HEIGHT), image.CGImage);
    
    CGContextRestoreGState(ctx);
}

屏幕快照 2017-02-04 上午11.27.03.png

Demo3 使用性變函數(shù)是圖層翻轉(zhuǎn)######

從上面代碼中大家不難發(fā)現(xiàn)使用Core Graphics繪制圖片時(shí)會(huì)倒立顯示，對(duì)圖層的圖形上下文進(jìn)行了反轉(zhuǎn)。在前一篇文章中也采用了類似的方法去解決這個(gè)問題宿刮，但是在那篇文章中也提到過如果直接讓圖像沿著x軸旋轉(zhuǎn)180度同樣可以達(dá)到正確顯示的目的互站，只是當(dāng)時(shí)的旋轉(zhuǎn)靠圖形上下文還無法繞x軸旋轉(zhuǎn)。今天學(xué)習(xí)了圖層之后僵缺，其實(shí)可以控制圖層直接旋轉(zhuǎn)而不用借助于圖形上下文的形變操作胡桃，而且這么操作起來會(huì)更加簡單和直觀。對(duì)于上面的程序磕潮，只需要設(shè)置圖層的transform屬性即可翠胰。需要注意的是transform是CATransform3D類型，形變可以在三個(gè)維度上進(jìn)行自脯，使用方法和前面介紹的二維形變是類似的之景，而且都有對(duì)應(yīng)的形變?cè)O(shè)置方法（如：CATransform3DMakeTranslation()、CATransform3DMakeScale()膏潮、CATransform3DMakeRotation()）锻狗。下面的代碼通過CATransform3DMakeRotation()方法在x軸旋轉(zhuǎn)180度解決倒立問題：

#import "ViewController.h"

#define PHONE_HEIGHT 150

//角度轉(zhuǎn)弧度
#define DEGREES_TO_RADIANS(angle) ((angle) / 180.0 * M_PI)

@interface ViewController ()<CALayerDelegate>

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    CGPoint position = CGPointMake(160, 200);
    CGRect bounds = CGRectMake(0, 0, PHONE_HEIGHT, PHONE_HEIGHT);
    CGFloat cornerRadius = PHONE_HEIGHT/2;
    CGFloat borderWidth = 2;
    
    //陰影圖層
    CALayer * layerShadow = [[CALayer alloc]init];
    layerShadow.bounds = bounds;
    layerShadow.position = position;
    layerShadow.cornerRadius = cornerRadius;
    layerShadow.shadowColor = [UIColor grayColor].CGColor;
    layerShadow.shadowOffset = CGSizeMake(2, 1);
    layerShadow.shadowOpacity = 1;
    layerShadow.borderColor = [UIColor whiteColor].CGColor;
    layerShadow.borderWidth = borderWidth;
    [self.view.layer addSublayer:layerShadow];
    
    //容器圖層
    CALayer * layer = [[CALayer alloc]init];
    layer.bounds = bounds;
    layer.position = position;
    layer.backgroundColor = [UIColor redColor].CGColor;
    layer.cornerRadius = cornerRadius;
    layer.masksToBounds = YES;
    layer.borderColor = [UIColor whiteColor].CGColor;
    layer.borderWidth = borderWidth;
    
    /*
        ********************************平移變換*********************************
        返回一個(gè)平移變換的transform3D對(duì)象 tx，ty焕参，tz對(duì)應(yīng)x轻纪，y，z軸的平移
        CATransform3D CATransform3DMakeTranslation (CGFloat tx, CGFloat ty, CGFloat tz);
     
        在某個(gè)transform3D變換的基礎(chǔ)上進(jìn)行平移變換叠纷，t是上一個(gè)transform3D刻帚，其他參數(shù)同上
        CATransform3D CATransform3DTranslate (CATransform3D t, CGFloat tx, CGFloat ty, CGFloat tz);
     
     
        ********************************縮放變換*********************************
        x，y涩嚣，z分別對(duì)應(yīng)x軸崇众，y軸，z軸的縮放比例
        CATransform3D CATransform3DMakeScale (CGFloat sx, CGFloat sy, CGFloat sz);
     
        在一個(gè)transform3D變換的基礎(chǔ)上進(jìn)行縮放變換缓艳，其他參數(shù)同上
        CATransform3D CATransform3DScale (CATransform3D t, CGFloat sx, CGFloat sy, CGFloat sz);
     
     
        ********************************旋轉(zhuǎn)變換*********************************
        angle參數(shù)是旋轉(zhuǎn)的角度校摩，為弧度制 0-2π ,x，y阶淘，z決定了旋轉(zhuǎn)圍繞的中軸衙吩，取值為-1——1之間，例如（1溪窒，0坤塞，0）,則是繞x軸旋轉(zhuǎn)（0.5，0.5澈蚌，0）摹芙，則是繞x軸與y軸中間45度為軸旋轉(zhuǎn),依次進(jìn)行計(jì)算
        CATransform3D CATransform3DMakeRotation (CGFloat angle, CGFloat x, CGFloat y, CGFloat z);
        
        在一個(gè)transform3D的基礎(chǔ)上進(jìn)行旋轉(zhuǎn)變換，其他參數(shù)如上
        CATransform3D CATransform3DRotate (CATransform3D t, CGFloat angle, CGFloat x, CGFloat y, CGFloat z);
     
     
        ********************************旋轉(zhuǎn)翻轉(zhuǎn)變換*********************************
        將一個(gè)旋轉(zhuǎn)的效果進(jìn)行翻轉(zhuǎn)
        CATransform3D CATransform3DInvert (CATransform3D t);
     
        NOTE: 
            CATransform3D與CGAffineTransform的轉(zhuǎn)換,CGAffineTransform
            是UIKit框架中一個(gè)用于變換的矩陣宛瞄，其作用與CATransform類似浮禾，只是其
            可以直接作用于View，而不用作用于layer，這兩個(gè)矩陣也可以進(jìn)行轉(zhuǎn)換
     
     */
    //利用圖層形變解決圖像倒立問題
    layer.transform = CATransform3DMakeRotation(M_PI, 1, 0, 0);
    
    //設(shè)置圖層代理
    layer.delegate = self;
    
    //添加圖層到根視圖
    [self.view.layer addSublayer:layer];
    
    //設(shè)置圖層setNeedDisplay盈电，否則代理方法不會(huì)被調(diào)用
    [layer setNeedsDisplay];
}


#pragma mark 繪制圖形蝴簇、圖像到圖層，注意參數(shù)中的ctx時(shí)圖層的圖形上下文匆帚，其中繪圖位置也是相對(duì)圖層而言的
- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx{
    //    NSLog(@"%@",layer);//這個(gè)圖層正是上面定義的圖層
    UIImage *image=[UIImage imageNamed:@"4444.png"];
    //注意這個(gè)位置是相對(duì)于圖層而言的不是屏幕
    CGContextDrawImage(ctx, CGRectMake(0, 0, PHONE_HEIGHT, PHONE_HEIGHT), image.CGImage);
}

Demo4使用自定義圖層繪圖######

在自定義圖層中繪圖時(shí)只要自己編寫一個(gè)類繼承于CALayer然后在drawInContext:中繪圖即可熬词。同前面在代理方法繪圖一樣，要顯示圖層中繪制的內(nèi)容也要調(diào)用圖層的setNeedDisplay方法吸重，否則drawInContext方法將不會(huì)調(diào)用互拾。
前面的文章中曾經(jīng)說過，在使用Quartz 2D在UIView中繪制圖形的本質(zhì)也是繪制到圖層中嚎幸，為了說明這個(gè)問題下面演示自定義圖層繪圖時(shí)沒有直接在視圖控制器中調(diào)用自定義圖層颜矿，而是在一個(gè)UIView將自定義圖層添加到UIView的根圖層中（例子中的UIView跟自定義圖層繪圖沒有直接關(guān)系）。從下面的代碼中可以看到：UIView在顯示時(shí)其根圖層會(huì)自動(dòng)創(chuàng)建一個(gè)CGContextRef（CALayer本質(zhì)使用的是位圖上下文）鞭铆，同時(shí)調(diào)用圖層代理（UIView創(chuàng)建圖層會(huì)自動(dòng)設(shè)置圖層代理為其自身）的draw: inContext:方法并將圖形上下文作為參數(shù)傳遞給這個(gè)方法或衡。而在UIView的draw:inContext:方法中會(huì)調(diào)用其drawRect:方法焦影，在drawRect:方法中使用UIGraphicsGetCurrentContext()方法得到的上下文正是前面創(chuàng)建的上下文车遂。

在自定義圖層中繪圖時(shí)只要自己編寫一個(gè)類繼承于CALayer然后在drawInContext:中繪圖即可。同前面在代理方法繪圖一樣，要顯示圖層中繪制的內(nèi)容也要調(diào)用圖層的setNeedDisplay方法澄阳，否則drawInContext方法將不會(huì)調(diào)用曙寡。
前面的文章中曾經(jīng)說過，在使用Quartz 2D在UIView中繪制圖形的本質(zhì)也是繪制到圖層中寇荧，為了說明這個(gè)問題下面演示自定義圖層繪圖時(shí)沒有直接在視圖控制器中調(diào)用自定義圖層举庶，而是在一個(gè)UIView將自定義圖層添加到UIView的根圖層中（例子中的UIView跟自定義圖層繪圖沒有直接關(guān)系）。從下面的代碼中可以看到：UIView在顯示時(shí)其根圖層會(huì)自動(dòng)創(chuàng)建一個(gè)CGContextRef（CALayer本質(zhì)使用的是位圖上下文）揩抡，同時(shí)調(diào)用圖層代理（UIView創(chuàng)建圖層會(huì)自動(dòng)設(shè)置圖層代理為其自身）的draw: inContext:方法并將圖形上下文作為參數(shù)傳遞給這個(gè)方法户侥。而在UIView的draw:inContext:方法中會(huì)調(diào)用其drawRect:方法，在drawRect:方法中使用UIGraphicsGetCurrentContext()方法得到的上下文正是前面創(chuàng)建的上下文峦嗤。

YJSCLayer.m
#import "YJSCLayer.h"

@implementation YJSCLayer

- (void)drawInContext:(CGContextRef)ctx{
    NSLog(@"3-drawInContext:");
    NSLog(@"CGContext:%@",ctx);
    
    CGContextSetRGBFillColor(ctx, 135.0/255.0, 232.0/255.0, 84.0/255.0, 1);
    CGContextSetRGBStrokeColor(ctx, 135.0/255.0, 232.0/255.0, 84.0/255.0, 1);
    CGContextMoveToPoint(ctx, 94.5, 33.5);
    
    CGContextAddLineToPoint(ctx,104.02, 47.39);
    CGContextAddLineToPoint(ctx,120.18, 52.16);
    CGContextAddLineToPoint(ctx,109.91, 65.51);
    CGContextAddLineToPoint(ctx,110.37, 82.34);
    CGContextAddLineToPoint(ctx,94.5, 76.7);
    CGContextAddLineToPoint(ctx,78.63, 82.34);
    CGContextAddLineToPoint(ctx,79.09, 65.51);
    CGContextAddLineToPoint(ctx,68.82, 52.16);
    CGContextAddLineToPoint(ctx,84.98, 47.39);
    CGContextClosePath(ctx);
    
    
    CGContextDrawPath(ctx, kCGPathFillStroke);

}

FirstView.m
#import "FirstView.h"
#import "YJSCLayer.h"

@implementation FirstView

- (instancetype)initWithFrame:(CGRect)frame{
    NSLog(@"initwithFrame");
    if(self = [super initWithFrame:frame]){
        YJSCLayer * layer = [[YJSCLayer alloc]init];
        layer.bounds = CGRectMake(0, 0, 185, 185);
        layer.position = CGPointMake(160, 284);
        layer.backgroundColor = [UIColor colorWithRed:0 green:146/255.0 blue:1.0 alpha:1.0].CGColor;
        //顯示圖層
        [layer setNeedsDisplay];
        
        [self.layer addSublayer:layer];
    }
    return self;
}

- (void)drawRect:(CGRect)rect{
    NSLog(@"2-drawRect:");
    NSLog(@"CGContext:%@",UIGraphicsGetCurrentContext());//得到的當(dāng)前圖形上下文正是drawLayer中傳遞的
    [super drawRect:rect];
}

- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx{
    NSLog(@"1-drawLayer:inContext:");
    NSLog(@"CGContext:%@",ctx);
    [super drawLayer:layer inContext:ctx];
}

@end

#import "ViewController.h"
#import "FirstView.h"

#define PHONE_HEIGHT 150

//角度轉(zhuǎn)弧度
#define DEGREES_TO_RADIANS(angle) ((angle) / 180.0 * M_PI)

@interface ViewController ()<CALayerDelegate>

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    FirstView * view = [[FirstView alloc]initWithFrame:[UIScreen mainScreen].bounds];
    view.backgroundColor = [UIColor colorWithRed:249.0/255.0 green:249.0/255.0 blue:249.0/255.0 alpha:1];
    
    [self.view addSubview:view];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end