自我使用學習畫圖的一些用法，可以由簡單開始，實現複雜畫圖操作
畫線
#pragma mark - 繪製曲線
- (void)drawCurve
{
/** 繪製曲線 */
/** 1.獲取上下文 */
CGContextRef ctf = UIGraphicsGetCurrentContext();
/** 2.描述路徑 */
/** 一定要有起點 */
CGContextMoveToPoint(ctf, 50, 50);
CGContextAddQuadCurveToPoint(ctf, 150, 20, 250, 50);
/** 3.渲染上下文 */
CGContextStrokePath(ctf);
}
#pragma mark - 線的狀態
/**
* beaier 封裝的畫法
*/
- (void)drawStateBezier
{
UIBezierPath *path = [UIBezierPath bezierPath];
[path moveToPoint:CGPointMake(50, 50)];
[path addLineToPoint:CGPointMake(200, 200)];
path.lineWidth = 10;
[path stroke];
UIBezierPath *path1 = [UIBezierPath bezierPath];
[path1 moveToPoint:CGPointMake(50, 50)];
[path1 addLineToPoint:CGPointMake(200, 200)];
path1.lineWidth = 10;
[path1 stroke];
}
/**
* 系統畫法
*/
- (void)drawContextRefState
{
/** 獲取圖形上下文 */
CGContextRef ctf = UIGraphicsGetCurrentContext();
/** 獲取路徑 */
CGContextMoveToPoint(ctf, 50, 50);
CGContextAddLineToPoint(ctf, 50, 200);
/** 重新設定起點，兩根線會分開 */
// CGContextMoveToPoint(ctf, 50, 50);
/** 預設上一根線的終點是下一根線的起點 */
CGContextAddLineToPoint(ctf, 200, 50);
/** 設定繪圖狀態, 一定要在渲染之前 */
/** 顏色 */
[[UIColor redColor] setStroke];
/** 線寬 */
CGContextSetLineWidth(ctf, 30);
/** 設定連線樣式 */
CGContextSetLineJoin(ctf, kCGLineJoinRound);/** 圓拐角 */
/** 設定頂角樣式 */
CGContextSetLineCap(ctf, kCGLineCapRound);
CGContextStrokePath(ctf);
}
#pragma mark - 畫線的三種方式
/**
* bezier畫線
*/
- (void)drawBezierLines
{
/** UIKit封裝了繪圖功能 */
/** 貝塞爾曲線 */
/** 建立路徑 */
UIBezierPath *path = [UIBezierPath bezierPath];
/** 設定起點 */
[path moveToPoint:CGPointMake(50, 50)];
/** 新增一個線 */
[path addLineToPoint:CGPointMake(200, 200)];
/** 渲染 */
[path stroke];
}
/**
* 系統畫線
*/
- (void)drawLine
{
/** 1.獲取圖形上下文 */
/** 目前我們用的上下文都是UIGraphics開頭 */
CGContextRef ctx = UIGraphicsGetCurrentContext();
/** 2.描述路徑 */
/** 建立路徑 */
CGMutablePathRef path = CGPathCreateMutable();
/** 設定起點 */
CGPathMoveToPoint(path, NULL, 50, 30);
/** 新增一根線到莫個點 */
CGPathAddLineToPoint(path, NULL, 200, 200);
/** 3.路徑新增到上下文 */
CGContextAddPath(ctx, path);
/** 4.渲染上下文到view的圖層上 */
CGContextStrokePath(ctx);
}
/**
* 省略的系統畫線方法
*/
- (void)drawLineSimple
{
/** 獲取上下文 */
CGContextRef ctf = UIGraphicsGetCurrentContext();
/** 描述路徑 */
/** 設定起點 */
CGContextMoveToPoint(ctf, 50, 50);
/** 設定終點 */
CGContextAddLineToPoint(ctf, 200, 200);
/** 渲染上下文 */
CGContextStrokePath(ctf);
}
複製程式碼畫形狀
#pragma mark - 畫簡單形狀
- (void)drawCycleLine
{
/** 圓角矩形 */
UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(40, 50, 40, 60) cornerRadius:5];
[path stroke];
/** 圓弧
* Center: 圓心
* angle: 弧度
* clockwise: yes是順時針
*/
UIBezierPath *path1 = [UIBezierPath bezierPathWithArcCenter:CGPointMake(125, 125) radius:100 startAngle:0 endAngle:M_PI clockwise:YES];
[path1 stroke];
// [path fill];/** 一個完整的封閉路徑，用填充，整個路徑的面都是一樣的 */
}
#pragma mark - 畫扇形
- (void)drawSector
{
CGPoint center = CGPointMake(125, 125);
UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:80 startAngle:0 endAngle:M_PI_2 clockwise:YES];
[path addLineToPoint:center];
/** 關閉路徑
* 預設從終點畫到起點
*/
// [path closePath];
/** 如果使用填充，會自動關閉路徑 */
[path fill];
}
複製程式碼注意: 這些方法一定要在檢視的 drawRect 方法中呼叫
- (void)drawRect:(CGRect)rect {
// Drawing code
[self drawSector];
}
複製程式碼