基本繪圖的幾種方式

1. drawRect:

　　UIView子類重寫

2. drawLayer: inContext:

　　CALayer設置代理 （這是個代理方法）

3. drawInContext:

　　CALayer子類重寫

4. 使用圖形上下文生成圖片:

　　imageContext

 儘可能避免混用

　　　　　　　　　　　　　　　　　　　　-------實現 drawRect : 方法----------

　　　一、使用 UIKit　　　　　　

　　　　　　

        /**
            一、UIView子類實現 drawRect: 方法
         
            二、在 UIKit 提供的當前上下文中繪製
         */
        - (void)drawRect:(CGRect)rect {
            
            // 貝瑟爾路徑描繪橢圓
            UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(100, 100, 200, 100)];
            
            // 顏色填充
            [[UIColor blueColor] setFill];
            
            // 填充到當前上下文
            [path fill];
}

View Code

　　　　 效果圖：

　　　　　　

　　 二、使用Core Graphic

　　　　　

        /**
            一、UIView子類實現 drawRect: 方法
         
            二、使用 Core Graphics 得到當前上下文進行繪製
         */
        - (void)drawRect:(CGRect)rect {
            
            // 獲取當前上下文
            CGContextRef context = UIGraphicsGetCurrentContext();
            
            // 繪製圖形
            CGContextAddEllipseInRect(context, CGRectMake(100, 100, 200, 100));
            
            // 設置填充顏色
            CGContextSetFillColorWithColor(context, [UIColor redColor].CGColor);
            
            // 渲染
            CGContextFillPath(context);
        }

View Code

　　　　效果圖：

　　　　　　

-----------------------------------------------------------------------------------------------

　　　　　　　　　　　　　　　　-------代理實現 drawLayer: inContext: 方法----------

　　一、使用UIKit

　　　　　　

            @implementation ViewController
            
            - (void)viewDidLoad{
                 [super viewDidLoad];
            
                 //1.建立自定義的layer
                 CALayer *layer=[CALayer layer];
            
                 //2.設置layer的屬性
                 layer.backgroundColor=[UIColor brownColor].CGColor;
                 layer.bounds=CGRectMake(0, 0, 200, 150);
                 layer.anchorPoint=CGPointZero;
                 layer.position=CGPointMake(100, 100);
                 layer.cornerRadius=20;
                 layer.shadowColor=[UIColor redColor].CGColor;
                 layer.shadowOffset=CGSizeMake(10, 20);
                 layer.shadowOpacity=0.6;
            
                 //設置代理
                 layer.delegate=self;
            
                // 觸發代理方法進行繪製
                 [layer setNeedsDisplay];
            
                 //3.添加layer
                 [self.view.layer addSublayer:layer];
             }
            
            -(void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx{
                
                // 將引用的上下文轉變成當前上下文。
                UIGraphicsPushContext(ctx);
                
                // 繪製圖形
                UIBezierPath* p = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(50,50,100,50)];
                
                [[UIColor blueColor] setFill];
                
                [p fill];
                
                
                UIGraphicsPopContext();
            }
            
            @end

View Code

　　　效果圖：

　　　　　　

　　二、使用Core Graphic

　　　　　　

            @implementation ViewController
            
            - (void)viewDidLoad{
                 [super viewDidLoad];
            
                 //1.建立自定義的layer
                 CALayer *layer=[CALayer layer];
            
                 //2.設置layer的屬性
                 layer.backgroundColor=[UIColor brownColor].CGColor;
                 layer.bounds=CGRectMake(0, 0, 200, 150);
                 layer.anchorPoint=CGPointZero;
                 layer.position=CGPointMake(100, 100);
                 layer.cornerRadius=20;
                 layer.shadowColor=[UIColor redColor].CGColor;
                 layer.shadowOffset=CGSizeMake(10, 20);
                 layer.shadowOpacity=0.6;
            
                 //設置代理
                 layer.delegate=self;
                 [layer setNeedsDisplay];
                 //3.添加layer
                 [self.view.layer addSublayer:layer];
             }
            
            -(void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx{
                
                CGContextAddEllipseInRect(ctx, CGRectMake(50,50,100,50));
                
                CGContextSetFillColorWithColor(ctx, [UIColor blueColor].CGColor);
                
                CGContextFillPath(ctx);
            }
            
            @end

View Code

　　　　效果圖：

　　　　　　

-----------------------------------------------------------------------------------------------

　　　　　　　　　　　　　　　　-------自定義CALayer 重寫 drawInContext:----------

　　一、使用UIKit 

　　　　　　自定義Layer類：

　　　　　　　　

                #import "DXLayer.h"
                #import <UIKit/UIKit.h>
                
                @implementation DXLayer
                
                //重寫該方法，在該方法內繪製圖形
                -(void)drawInContext:(CGContextRef)ctx{
                    
                    UIGraphicsPushContext(ctx);
                    
                    //1.繪製圖形
                    UIBezierPath*p =[UIBezierPath bezierPathWithOvalInRect:CGRectMake(50,50,100,50)];
                
                    [[UIColor blueColor] setFill];
                
                    [p fill];
                    
                    UIGraphicsPopContext();
                }
                
                @end

View Code

　　　　　　使用：

　　　　　　　　

                @implementation ViewController
                
                - (void)viewDidLoad{
                    [super viewDidLoad];
                    
                     //1.建立自定義的layer
                     DXLayer *layer=[DXLayer layer];
                    
                     //2.設置layer的屬性
                     layer.backgroundColor=[UIColor brownColor].CGColor;
                    
                     layer.bounds=CGRectMake(0, 0, 200, 150);
                     layer.anchorPoint=CGPointZero;
                     layer.position=CGPointMake(100, 100);
                    
                     layer.cornerRadius=20;
                    
                     layer.shadowColor=[UIColor yellowColor].CGColor;
                     layer.shadowOffset=CGSizeMake(5, 5);
                     layer.shadowOpacity=0.6;
                
                    //3.觸發layer的 drawInContext: 方法 在自定義Layer上進行繪製
                     [layer setNeedsDisplay];
                    
                     //4.添加layer
                     [self.view.layer addSublayer:layer];
                 }
                
                @end
                

View Code

　　　　效果圖：

　　　　　　

　　二、使用Core Graphic

　　　　　　

                #import "DXLayer.h"
                
                @implementation DXLayer
                
                //重寫該方法，在該方法內繪製圖形
                -(void)drawInContext:(CGContextRef)ctx{
                    
                     //1.繪製圖形
                     //畫一個圓
                     CGContextAddEllipseInRect(ctx, CGRectMake(50, 50, 100, 100));
                    
                     //設置屬性（顏色）
                     // [[UIColor yellowColor]set];
                     CGContextSetRGBFillColor(ctx, 0, 0, 1, 1);
                
                     //2.渲染
                     CGContextFillPath(ctx);
                 }
                @end

View Code

　　　　效果圖：

　　　　　　

-----------------------------------------------------------------------------------------------

　　　　　　　　　　　　　　　　-------使用 Image Context----------

　　　　1、經過 ImageContext 生成一個 UIImage對象

 　　　  2、代碼位置無限制  以上兩種方式都限制在 drawRect:  或  drawLayer: inContext: 方法中

 

　　一、使用UIKit 　　　　　　

　　　　　　

            @implementation ViewController
            
            - (void)viewDidLoad{
                 [super viewDidLoad];
            
                UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 100, 200, 100)];
                imgView.image = [self createImageFromImageContext];
                
                [self.view addSubview:imgView];
                
             }
            
            /** 經過繪圖的方式 生成圖片對象 （畫個圈圈） */
            - (UIImage *) createImageFromImageContext{
                
                /**
                    建立圖形上下文
                 
                        1: 所要建立的圖片的尺寸
                 
                        2: 指定所生成圖片的背景是否爲不透明
                 
                        3: 指定生成圖片的縮放因子，與UIImage的scale屬性所指的含義是一致的。
                 
                                傳入0則表示讓圖片的縮放因子根據屏幕的分辨率而變化
                 */
                UIGraphicsBeginImageContextWithOptions(CGSizeMake(200,100), NO, 0);
                
                // UIKit 進行繪圖
                UIBezierPath* p = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0,0,200,100)];
                
                [[UIColor blueColor] setFill];
                
                [p fill];
                
                // 從上下文中獲取圖片對象
                UIImage* img = UIGraphicsGetImageFromCurrentImageContext();
                
                // 關閉圖形上下文
                UIGraphicsEndImageContext();
                
                return img;
            }
            
@end

View Code

　　　　效果圖：

　　　　　　

　　二、使用Core Graphic

　　　　　　

            /** 經過繪圖的方式 生成圖片對象 （畫個圈圈） */
            - (UIImage *) createImageFromImageContext{
                
                /**
                    建立圖形上下文
                 
                        1: 所要建立的圖片的尺寸
                 
                        2: 指定所生成圖片的背景是否爲不透明
                 
                        3: 指定生成圖片的縮放因子，與UIImage的scale屬性所指的含義是一致的。
                 
                                傳入0則表示讓圖片的縮放因子根據屏幕的分辨率而變化
                 */
                UIGraphicsBeginImageContextWithOptions(CGSizeMake(200,100), NO, 0);
                
                   
                CGContextRef con = UIGraphicsGetCurrentContext();
                
                CGContextAddEllipseInRect(con, CGRectMake(0,0,200,100));
                
                CGContextSetFillColorWithColor(con, [UIColor blueColor].CGColor);
                
                CGContextFillPath(con);
                
                UIImage* img = UIGraphicsGetImageFromCurrentImageContext();
                
                UIGraphicsEndImageContext();
            
                return img;
            }

View Code

　　　　效果圖：

　　　　　　

-----------------------------------------------------------------------------------------------