iOS开发的2D绘制--CoreGraphics的简单使用一（画线条）

在iOS开发中，经常遇到需要重新绘制某些特定区域，比如画两条不同颜色的线、画一些文字什么的，那么如何去操作呢？

我将分几篇文章，慢慢的介绍一下iOS开发当中的2D绘制问题。

**********正式开始了*********月若无涯原创********

首先我们在每次创建一个view的时候，应该都能看到有如下这样的部分的代码：

/*

// Only override drawRect: if you perform custom drawing.

// An empty implementation adversely affects performance during animation.

- (void)drawRect:(CGRect)rect

{

// Drawing code

}

*/

那么这里是用来做什么的呢？看注释可以知道，这里就是用来重绘你需要的内容的地方。默认情况下是被注释掉的。

所以，如果我们要重绘，第一步就是取消这里的注释，或者说，我们需要在

- (void)drawRect:(CGRect)rect

这方法里进行重写，来完成绘制的工作。

废话不多说，先来个简单的，咱们就画一条绿色的线
- (void)drawRect:(CGRect)rect
{

// Drawing code

CGContextRef context=UIGraphicsGetCurrentContext();//获取绘图用的图形上下文

CGContextSetFillColorWithColor(context, [UIColorwhiteColor].CGColor);//填充色设置成白色
CGContextFillRect(context,self.bounds);//把整个空间用刚设置的颜色填充

//上面是准备工作，下面开始画线了

CGContextSetStrokeColorWithColor(context, [UIColorgreenColor].CGColor);//设置线的颜色

CGContextMoveToPoint(context,20,20);//画线的起始点位置

CGContextAddLineToPoint(context,200,60);//画第一条线的终点位置



CGContextStrokePath(context);//把线在界面上绘制出来
}
看看效果：



一条绿色的线，绘制在白色的背景上。

好了，那么增加难度，画许多条线，其中最后我们增加一条红色的线，注意我们的最后的颜色发生了改变，怎么操作，看代码：
- (void)drawRect:(CGRect)rect
{

// Drawing code

CGContextRef context=UIGraphicsGetCurrentContext();

CGContextSetFillColorWithColor(context, [UIColorwhiteColor].CGColor);//填充色设置成白色
CGContextFillRect(context,self.bounds);//把整个空间用刚设置的颜色填充

//上面是准备工作，下面开始画线了

CGContextSetStrokeColorWithColor(context, [UIColorgreenColor].CGColor);//设置线的颜色

CGContextMoveToPoint(context,20,20);//画线的起始点位置



CGContextAddLineToPoint(context,200,60);//从(20,20)到(200，60)，此时画笔位置在(200，60)

CGContextAddLineToPoint(context,240,90);//从(200，60)到(240，90)，此时画笔位置在(240，90)

CGContextAddLineToPoint(context,80,120);//从(240，90)到(80，120)，此时画笔位置在(80，120)



//下面开始画红色的条线

CGContextStrokePath(context);//把之前的相同颜色的线先画出来，因为我们要换个颜色，如果不换颜色，可以不用这句

CGContextMoveToPoint(context,70,130);//由于上面的线已经画了，我们已经没有可用的画笔了，所以重新设置画线的起始点位置

CGContextSetStrokeColorWithColor(context, [UIColorredColor].CGColor);//再次设置线的颜色

CGContextAddLineToPoint(context,230,180);//画第二条线的终点位置



CGContextStrokePath(context);//把线在界面上绘制出来
}
再看看效果：



画线的工作基本上就是这样，是不是很简单？