Quartz2D 绘制简单图形 :
- 获取图形上下文
- 绘图
- 渲染
要求:画两条线
代码:
- (void)drawRect:(CGRect)rect {
// 绘制一条线
// 获取图形上下文,上下文的输出目录就是self[view]
CGContextRef context = UIGraphicsGetCurrentContext();
// 设置线的颜色
// CGContextSetRGBStrokeColor(context, 1.0, 0.0, 0.0, 1);
// 也可以用下面的方式来设置颜色
[[UIColor redColor] set];
// 设置头尾样式
// kCGLineCapButt,不知道什么东西
// kCGLineCapRound,圆形
// kCGLineCapSquare//方形
CGContextSetLineCap(context, kCGLineCapSquare);
// 设置连接点样式
CGContextSetLineJoin(context, kCGLineJoinRound);
// 设置线宽
CGContextSetLineWidth(context, 10);
// 画第一条线
// 设置第一个点
CGContextMoveToPoint(context, 100, 10);
// 设置第二个点
CGContextAddLineToPoint(context, 100, 200);
// 渲染第一条线
CGContextStrokePath(context);
// 第二条线
CGContextMoveToPoint(context, 150, 10);
CGContextAddLineToPoint(context, 80, 200);
// 如果想要让两条线的样式不一样,那么第二条线就要先清空状态再设置样式
// 清空状态
CGContextSetLineWidth(context, 1);
[[UIColor blackColor]set];
CGContextSetLineCap(context,kCGLineCapButt);
// 渲染第二条线
CGContextStrokePath(context);
}
运行效果:
绘制矩形跟三角形:
#pragma mark 绘制三角形
-(void)drawTriangle{
// 获取图形上下文,上下文的输出目录就是self[view]
CGContextRef context = UIGraphicsGetCurrentContext();
// 设置线的颜色
CGContextSetRGBStrokeColor(context, 1.0, 0.0, 0.0, 1);
设置第一个点
CGContextMoveToPoint(context, 10, 10);
// 设置第二个点
CGContextAddLineToPoint(context, 110, 10);
// 设置第三个点
CGContextAddLineToPoint(context, 110, 110);
//闭合
CGContextClosePath(context);
// 渲染
CGContextStrokePath(context);
}
三角形效果图:
绘制矩形:
-(void)drawRectangle{
// 绘制一条线
// 获取图形上下文,上下文的输出目录就是self[view]
CGContextRef context = UIGraphicsGetCurrentContext();
// 设置线的颜色
CGContextSetRGBStrokeColor(context, 1.0, 0.0, 0.0, 1);
// 设置线宽
// CGContextSetLineWidth(context, 10);
画矩形(第一种方法)
设置第一个点
// CGContextMoveToPoint(context, 10, 10);
//
设置第二个点
// CGContextAddLineToPoint(context, 110, 10);
//
设置第三个点
// CGContextAddLineToPoint(context, 110, 110);
//
设置第三个点
// CGContextAddLineToPoint(context, 10, 110);
//
// CGContextAddLineToPoint(context, 10, 10);
// ===========第二种方法======================
CGContextAddRect(context, CGRectMake(10, 10, 100, 100));
// 渲染
// 空心
// CGContextStrokePath(context);
// 填充[实心]
CGContextFillPath(context);
}
矩形效果图