關(guān)于圖形繪制

今天在項(xiàng)目中有一個(gè)小需求，需要在視圖上繪制一個(gè)圓，內(nèi)部有一個(gè)點(diǎn)，點(diǎn)不能超出圓外，于是找了一些關(guān)于圖形繪制方面的資料。以下只記錄一些自己用到的知識(shí)點(diǎn)。
1.view的drawRect方法。該方法不能手動(dòng)調(diào)用，是由系統(tǒng)自動(dòng)調(diào)用的，在需要調(diào)用該方法時(shí)候，可以通過(guò)調(diào)用setNeedsDisplay方法，這時(shí)候系統(tǒng)會(huì)去調(diào)用drawRect方法。一般情況下，創(chuàng)建一個(gè)繼承自UIView的類，在該類中重寫drawRect方法。例如:
一個(gè)繼承自UIView的類MyView,在其MyView.m文件中重寫：
方法一：

-(void)drawRect:(CGRect)rect {

    // 獲取處理的上下文
    CGContextRef context = UIGraphicsGetCurrentContext();
    // 設(shè)置線條樣式
    CGContextSetLineCap(context, kCGLineCapRound);
    // 設(shè)置線條粗細(xì)寬度
    CGContextSetLineWidth(context, 1.0);
    // 設(shè)置顏色
    CGContextSetRGBStrokeColor(context, 0.5, 0.5, 0.5, 1);
    // 開始一個(gè)起始路徑
    CGContextBeginPath(context);
    // 畫圓
    CGContextAddArc(context, 120, 120, 60, 0, M_PI * 2, YES);
    // 連接上面定義的坐標(biāo)點(diǎn)
    CGContextStrokePath(context);
}

方法二：

-(void)drawRect:(CGRect)rect {
// 創(chuàng)建UIBezierPath對(duì)象
UIBezierPath *bezierPath = [UIBezierPath bezierPath];
// 畫圓
[bezierPath addArcWithCenter:CGPointMake(120, 120) radius:60 startAngle:0 endAngle:M_PI * 2 clockwise:YES];
// 設(shè)置線寬
bezierPath.lineWidth = 1;
// 設(shè)置stroke顏色
[[UIColor blackColor] setStroke];
//  繪制
[bezierPath stroke];
}

在控制器中添加該視圖就能看到視圖中的繪制的圓形 .

2.使用CAShapeLayer與UIBezierPath 繪圖

使用CAShapeLayer與UIBezierPath 繪圖可以實(shí)現(xiàn)不在view的drawRect方法中就畫出一些想要的圖形；
步驟：
1.新建UIBezierPath 對(duì)象bezierPath;
2.新建CAShapeLayer對(duì)象caShapeLayer;
3.將bezierPath的CGPath賦值給caShapeLayer的path,即caShapeLayer.path = bezierPath.CGPath;
4.把caShapeLayer添加到某個(gè)顯示該圖形的layer中。

例如，在viewController中作了如下操作

- (void)setUpUI {
CGPoint arcCenter = CGPointMake([UIScreen mainScreen].bounds.size.width/2, 120);
CGFloat radius = 80;
CGFloat startAngle = 0.0;
CGFloat endAngle = M_PI * 2;
// 創(chuàng)建 UIBezierPath對(duì)象
UIBezierPath *bezierPath = [UIBezierPath bezierPathWithArcCenter:arcCenter radius:radius startAngle:startAngle endAngle:endAngle clockwise:YES];
// 創(chuàng)建CAShapeLayer對(duì)象
CAShapeLayer *layer = [[CAShapeLayer alloc] init];
layer.path = bezierPath.CGPath;
layer.fillColor = [UIColor clearColor].CGColor;
layer.strokeColor = [UIColor blackColor].CGColor;
layer.lineWidth = 5;
// 將CAShapeLayer對(duì)象添加到視圖的layer中
[self.view.layer addSublayer:layer];
}

運(yùn)行程序后，會(huì)看到視圖中繪制的圓。