關(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);
// 開(kāi)始一個(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ì)看到視圖中繪制的圓狂塘。
