IOS的画线方法 CGContext

使用context画线制作的手表



源码下载地址:http://download.csdn.net/detail/q562679764/9367221

context画线

画直线

//获取view上下文所有画线方法的基础

CGContextRef context =UIGraphicsGetCurrentContext();

//改变线条颜色

CGContextSetStrokeColorWithColor(context, [UIColorgreenColor].CGColor);

//设置路径颜色

CGContextSetRGBStrokeColor(context,0.5,0.5,
0.5,1);

//设置路径起始坐标

CGContextMoveToPoint(context,0,0);

//设置路径的终点坐标

CGContextAddLineToPoint(context,100,100);

//设置路径宽度

CGContextSetLineWidth(context,2.0);

//渲染路径

CGContextStrokePath(context);
//下面两句成对使用用于保存和释放上次绘图的状态 每次绘制最好是用这两句话包起来 这样设置的颜色和线条宽度不会变成通用设置了

//储存上下文的状态

CGContextSaveGState(context);

//释放保存的上下文

CGContextRestoreGState(context);

绘制文字

//创建一个字体对象并设置大小此方法无需引用上下文

UIFont *font = [UIFontboldSystemFontOfSize:24.0];

//创建一个字典设置字体大小和文字颜色

NSDictionary * dictionary = [[NSDictionaryalloc]initWithObjectsAndKeys:font,NSFontAttributeName,[UIColorredColor],NSForegroundColorAttributeName,nil];

//将文本内容渲染到view上

[@"123\n456"drawInRect:CGRectMake(20,40,320,
480)withAttributes:dictionary];

绘制矩形

//设置路径颜色

CGContextSetRGBStrokeColor(context,0.5,0.5,
0.5,1);

//绘制一个空心矩形的路径

CGContextAddRect(context,CGRectMake(0,0,50,50));

//设置无边框路径的填充颜色

CGContextSetRGBFillColor(context,1,1,0,1);

//绘制一个无边框的路径

CGContextFillRect(context,CGRectMake(50,50,50,
50));

绘制椭圆

//设置一个空心圆形的路径

CGContextAddEllipseInRect(context,CGRectMake(100,100,50,
50));

//设置一个实心圆

CGContextFillEllipseInRect(context,CGRectMake(150,150,60,
50));

绘制贝兹曲线

//设置路径起始坐标

CGContextMoveToPoint(context,0,0);

//绘制3次曲线

CGContextAddCurveToPoint(context, 200,
100, 200, 200,200,100);

//绘制2次贝兹曲线

CGContextAddQuadCurveToPoint(context,150,10,
300,220);

//绘制弧线,带角度
CGContextAddArcToPoint(context, 100,200, 300,200, 100);

绘制虚线

//设置虚线样式

CGFloat aa[] = {5,5,2,2};

//设置虚线 0表示从数组的第几个开始,4表示数组的长度 数组内表示绘点得样式为画5虚5画2虚2

CGContextSetLineDash(context, 0, aa,
4);

绘制渐变颜色

//绘制渐变颜色 这个方法还没搞明白 慎用
CGContextClip(context);

CGColorSpaceRef rgb =CGColorSpaceCreateDeviceRGB();

CGFloat colors[] =
{

204.0 /
255.0, 224.0 /
255.0, 244.0 /
255.0, 1.00,

29.0 /
255.0, 156.0 /
255.0, 215.0 /
255.0, 1.00,

0.0 /
255.0, 50.0 /
255.0, 126.0 /
255.0, 1.00,
};

CGGradientRef gradient =CGGradientCreateWithColorComponents
(rgb, colors,NULL,sizeof(colors)/(sizeof(colors[0])*4));

CGColorSpaceRelease(rgb);
CGContextDrawLinearGradient(context, gradient,CGPointMake(0.0,0.0) ,CGPointMake(0.0,self.frame.size.height),kCGGradientDrawsBeforeStartLocation);

绘制图片

1:无上下文绘制

//获取图片的地址返回一个NSString类型地址 无需上下文

NSString * imgPath = [[NSBundlemainBundle]pathForResource:@"地球"ofType:@"jpg"];

//获取地址中的文件

UIImage * myImg = [[UIImage
alloc] initWithContentsOfFile:imgPath];

//直接使用下面的这个效果一样

UIImage * myImage = [UIImage
imageNamed:@"地球.jpg"];

//将图片渲染到view上
[myImg
drawInRect:CGRectMake(0,0,50,
50)];

2:上下文绘制

//获取view的上下文 此方法绘出的图像是倒立的

CGContextRef context =UIGraphicsGetCurrentContext();

//获取图片

UIImage * img = [UIImage
imageNamed:@"地球.jpg"];

//获取位图

CGImageRef image = img.CGImage;

//保存上下文的状态压栈

CGContextSaveGState(context);

//为视图设置大小

CGRect touchRect = CGRectMake(0,0, img.size.width, img.size.height);

//绘图

CGContextDrawImage(context, touchRect, image);

//出栈

CGContextRestoreGState(context);
3:旋转

//获取图片

UIImage * img = [UIImage
imageNamed:@"地球.png"];

//获取位图

CGImageRef image = img.CGImage;

//储存上下文的状态

CGContextSaveGState(context);

//设置旋转中心

CGContextTranslateCTM(context,160,240);

//设置绘图的大小和坐标 XY以中心为准

CGRect touchRect = CGRectMake(10,10,50,50);

//旋转 这个方法写在设置中心和大小的前面和后面效果完全不同的

CGContextRotateCTM(context,angle * M_PI/180);

//绘制图片

CGContextDrawImage(context, touchRect, image);

//释放保存的上下文

CGContextRestoreGState(context);