只是单纯的画线的话建立一个uiview
drawRect不是让你调用的，而是系统会去调用的.
环境（Context）决定了你在哪绘图，所以你创建环境的方法决定了要在哪绘图.
- (void)drawRect:(CGRect)rect
{
CGContextRef context = UIGraphicsGetCurrentContext();
/*NO.1画一条线
CGContextSetRGBStrokeColor(context, 0.5, 0.5, 0.5, 0.5);//线条颜色
CGContextMoveToPoint(context, 20, 20);
CGContextAddLineToPoint(context, 200,20);
CGContextStrokePath(context);
*/
/*NO.2写文字
CGContextSetLineWidth(context, 1.0);
CGContextSetRGBFillColor (context, 0.5, 0.5, 0.5, 0.5);
UIFont *font = [UIFont boldSystemFontOfSize:18.0];
[@"公司：北京中软科技股份有限公司\n部门：ERP事业部\n姓名：McLiang" drawInRect:CGRectMake(20, 40, 280, 300) withFont:font];
*/
/*NO.3画一个正方形图形 没有边框
CGContextSetRGBFillColor(context, 0, 0.25, 0, 0.5);
CGContextFillRect(context, CGRectMake(2, 2, 270, 270));
CGContextStrokePath(context);
*/
/*NO.4画正方形边框
CGContextSetRGBStrokeColor(context, 0.5, 0.5, 0.5, 0.5);//线条颜色
CGContextSetLineWidth(context, 2.0);
CGContextAddRect(context, CGRectMake(2, 2, 270, 270));
CGContextStrokePath(context);
*/
/*NO.5画方形背景颜色
CGContextTranslateCTM(context, 0.0f, self.bounds.size.height);
CGContextScaleCTM(context, 1.0f, -1.0f);
UIGraphicsPushContext(context);
CGContextSetLineWidth(context,320);
CGContextSetRGBStrokeColor(context, 250.0/255, 250.0/255, 210.0/255, 1.0);
CGContextStrokeRect(context, CGRectMake(0, 0, 320, 460));
UIGraphicsPopContext();
*/
/*NO.6椭圆
CGRect aRect= CGRectMake(80, 80, 160, 100);
CGContextSetRGBStrokeColor(context, 0.6, 0.9, 0, 1.0);
CGContextSetLineWidth(context, 3.0);
CGContextAddEllipseInRect(context, aRect); //椭圆
CGContextDrawPath(context, kCGPathStroke);
*/
/*NO.7
CGContextBeginPath(context);
CGContextSetRGBStrokeColor(context, 0, 0, 1, 1);
CGContextMoveToPoint(context, 100, 100);
CGContextAddArcToPoint(context, 50, 100, 50, 150, 50);
CGContextStrokePath(context);
*/
/*NO.8渐变
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);
*/
/* NO.9四条线画一个正方形
//画线
UIColor *aColor = [UIColor colorWithRed:0 green:1.0 blue:0 alpha:0];
CGContextSetRGBStrokeColor(context, 1.0, 0, 0, 1.0);
CGContextSetFillColorWithColor(context, aColor.CGColor);
CGContextSetLineWidth(context, 4.0);
CGPoint aPoints[5];
aPoints[0] =CGPointMake(60, 60);
aPoints[1] =CGPointMake(260, 60);
aPoints[2] =CGPointMake(260, 300);
aPoints[3] =CGPointMake(60, 300);
aPoints[4] =CGPointMake(60, 60);
CGContextAddLines(context, aPoints, 5);
CGContextDrawPath(context, kCGPathStroke); //开始画线
*/
/* NO.10
UIColor *aColor = [UIColor colorWithRed:0 green:1.0 blue:0 alpha:0];
CGContextSetRGBStrokeColor(context, 1.0, 0, 0, 1.0);
CGContextSetFillColorWithColor(context, aColor.CGColor);
//椭圆
CGRect aRect= CGRectMake(80, 80, 160, 100);
CGContextSetRGBStrokeColor(context, 0.6, 0.9, 0, 1.0);
CGContextSetLineWidth(context, 3.0);
CGContextSetFillColorWithColor(context, aColor.CGColor);
CGContextAddRect(context, rect); //矩形
CGContextAddEllipseInRect(context, aRect); //椭圆
CGContextDrawPath(context, kCGPathStroke);
*/
/* NO.11
画一个实心的圆
CGContextFillEllipseInRect(context, CGRectMake(95, 95, 100.0, 100));
*/
/*NO.12
画一个菱形
CGContextSetLineWidth(context, 2.0);
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
CGContextMoveToPoint(context, 100, 100);
CGContextAddLineToPoint(context, 150, 150);
CGContextAddLineToPoint(context, 100, 200);
CGContextAddLineToPoint(context, 50, 150);
CGContextAddLineToPoint(context, 100, 100);
CGContextStrokePath(context);
*/
/*NO.13 画矩形
CGContextSetLineWidth(context, 2.0);
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
CGRect rectangle = CGRectMake(60,170,200,80);
CGContextAddRect(context, rectangle);
CGContextStrokePath(context);
*/
/*椭圆
CGContextSetLineWidth(context, 2.0);
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
CGRect rectangle = CGRectMake(60,170,200,80);
CGContextAddEllipseInRect(context, rectangle);
CGContextStrokePath(context);
*/
/*用红色填充了一段路径:
CGContextMoveToPoint(context, 100, 100);
CGContextAddLineToPoint(context, 150, 150);
CGContextAddLineToPoint(context, 100, 200);
CGContextAddLineToPoint(context, 50, 150);
CGContextAddLineToPoint(context, 100, 100);
CGContextSetFillColorWithColor(context, [UIColor redColor].CGColor);
CGContextFillPath(context);
*/
/*填充一个蓝色边的红色矩形
CGContextSetLineWidth(context, 2.0);
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
CGRect rectangle = CGRectMake(60,170,200,80);
CGContextAddRect(context, rectangle);
CGContextStrokePath(context);
CGContextSetFillColorWithColor(context, [UIColor redColor].CGColor);
CGContextFillRect(context, rectangle);
*/
/*画弧
//弧线的是通过指定两个切点，还有角度，调用CGContextAddArcToPoint()绘制
CGContextSetLineWidth(context, 2.0);
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
CGContextMoveToPoint(context, 100, 100);
CGContextAddArcToPoint(context, 100,200, 300,200, 100);
CGContextStrokePath(context);
*/
/*
绘制贝兹曲线
//贝兹曲线是通过移动一个起始点，然后通过两个控制点,还有一个中止点，调用CGContextAddCurveToPoint() 函数绘制
CGContextSetLineWidth(context, 2.0);
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
CGContextMoveToPoint(context, 10, 10);
CGContextAddCurveToPoint(context, 0, 50, 300, 250, 300, 400);
CGContextStrokePath(context);
*/
/*绘制二次贝兹曲线
CGContextSetLineWidth(context, 2.0);
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
CGContextMoveToPoint(context, 10, 200);
CGContextAddQuadCurveToPoint(context, 150, 10, 300, 200);
CGContextStrokePath(context);
*/
/*绘制虚线
CGContextSetLineWidth(context, 5.0);
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
CGFloat dashArray[] = {2,6,4,2};
CGContextSetLineDash(context, 3, dashArray, 4);//跳过3个再画虚线，所以刚开始有6-（3-2）=5个虚点
CGContextMoveToPoint(context, 10, 200);
CGContextAddQuadCurveToPoint(context, 150, 10, 300, 200);
CGContextStrokePath(context);
*/
}
如果需要画的图比较复杂，或者需要传人很多数据的话，可以建一个UIImageView 把画的图整体作为一个图片贴在ViewController上
#import "BrokenLine.h"
@implementation BrokenLine
- (id)initWithFrame:(CGRect)frame :(NSArray *)unit_prices :(double)prop
{
self = [super initWithFrame:frame];
if (self)
{
m_margin_left = 20;
m_margin_y = 30;
minute = (self.frame.size.width-m_margin_left*2)/240;
UIImage *broken_image = [self draw_broken_line:unit_prices :prop];
UIImageView *briken_imageview = [[UIImageView alloc]initWithImage:broken_image];
[self addSubview:briken_imageview];
self.backgroundColor = [UIColor clearColor];
}
return self;
}
-(UIImage *)draw_broken_line :(NSArray *)unit_price :(double)prop
{
UIGraphicsBeginImageContext(self.frame.size);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);//线条颜色
CGContextSetLineWidth(context, 1.0);//线条宽度
CGContextMoveToPoint(context, m_margin_left,(230-m_margin_y)/2);//开始画线, x，y 为开始点的坐标
for (int i = 1; i < unit_price.count ; i++)
{
double difference = [[unit_price objectAtIndex:i]doubleValue]-[[unit_price objectAtIndex:0]doubleValue];
double price_y_end = (230
- m_margin_y )/2 - difference/prop;
price_x_end = m_margin_left+ i *minute;//x轴结束的坐标
CGContextAddLineToPoint(context, price_x_end,price_y_end );//画直线, x，y 为线条结束点的坐标
}
CGContextStrokePath(context);//画线
UIImage *broken_image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return broken_image;
}
@end
相关推荐
在iOS开发中，画图功能是一项重要的技术，它允许开发者为用户提供丰富的视觉体验。本教程将深入探讨如何在iOS应用中实现画图功能，主要基于`UIBezierPath`和`CALayer`，这两个核心组件是iOS图形编程的关键。 首先，...
"IOS画图实现"这个项目可能是一个小型的iOS应用示例，它允许用户在屏幕上进行绘画操作，尽管代码并未完全完成，但核心的画图功能已经能够正常工作。在本文中，我们将深入探讨iOS画图的相关知识点，并基于`...
Chartee 是一个开源的 ios 画图组件，支持股票K线。 标签：Chartee
这个“iOS画图例子”项目提供了一个折线图的示例，用户可以通过点击图表上的点来查看对应的数值，这在数据分析或监控应用中非常常见。接下来，我们将深入探讨iOS中实现此类功能的关键知识点。 1. **Core Graphics...
本Demo名为“IOS画图demo”，旨在展示如何利用代码创建一个基础的画图界面，让用户能够自由绘制图形和线条。这里我们将深入探讨实现这一功能所涉及的关键知识点。 1. **UIKit框架**：在iOS开发中，UIKit是最核心的...
在iOS开发中，为了实现美观的数据可视化，我们经常需要利用画图类来绘制各种图形，如饼状图。本教程将深入探讨如何使用iOS提供的Core Graphics框架，也称为Quartz 2D，来创建自定义的圆形饼状图。这个过程涉及到多个...
在iOS开发中，画图和绘制图形是一项基本且重要的任务，尤其在数据可视化、游戏开发或者自定义控件设计中。本节我们将深入探讨如何在iOS应用中创建一个坐标系并进行画图。 首先，我们需要了解iOS中的绘图框架。在iOS...
在iOS开发中，"画图Demo"通常是指一个用于演示如何在应用中实现自定义图形绘制的示例项目。这个"ios-画图Demo.zip"很可能包含了一个简单的iOS应用程序，该程序展示了如何利用UIKit框架中的Core Graphics库进行图形...
【绘图源码_ios源码】是一份专为iOS平台设计的绘图应用程序的源代码。这份源代码可能包含了实现用户界面、图形渲染、手势识别、触摸事件处理等多个关键模块，帮助开发者深入理解如何在iOS平台上创建一个自定义的绘图...
在iOS应用开发中，手写画图功能是一个常见的需求，比如在笔记应用、教育软件或者设计工具中。这篇源码提供了实现这一功能的基础框架。本文将深入探讨如何利用iOS的UIKit框架来创建一个手写画图的应用，并关注以下几...
下面我们将深入探讨如何在iOS应用中实现手势画图、撤销上一步以及移除所有内容，并检测图形是否经过特定区域。 首先，我们需要创建一个可定制的视图（UIView子类），例如名为`CustomDrawView`，在这个视图中处理...
在iOS开发中，Cocos2D是一个非常流行的2D游戏引擎，它允许开发者创建复杂的图形、动画和交互式内容。这个“ios-绘图工具.zip”压缩包很可能包含了一些示例代码、教程或者资源，帮助我们了解如何在Cocos2D框架下进行...
在iOS开发中，将文字绘制到画布上是一项常见的任务，可以用于创建自定义视图、图表、游戏等。这个话题“iOS - 在画布上写文字”涉及到使用Apple的UIKit框架来实现文本渲染。在本篇博文中，我们将探讨如何在iOS应用中...
ATSketchKit, 在 Swift 中，iOS绘图框架编写 #ATSketchKit 0.1 ATSketchKit是一个用 Swift 编写的图形/绘制框架。它可以作为一个艺术应用的基础，一个简单的签名特征或者更多inteligent图形设计应用。快速查看如果你...
在"简易画板Demo"中，"Mspaint"可能是指类似于微软的“画图”应用程序，暗示这个Demo可能具有清除、橡皮擦、填充等功能。实现这些功能，开发者需要额外的逻辑。例如，橡皮擦功能可以通过将当前的`strokeColor`设为...
在iOS开发中，创建一个具有画笔和橡皮擦功能的画图板是常见的需求，尤其在教育、娱乐和设计类应用中。本项目“ios 三种颜色画笔和橡皮擦的画图板demo”提供了一个基础示例，帮助开发者理解和实现这样的功能。这个...
ios 折线图的画图思想
-(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event{ UITouch * touch=[touches anyObject]; currentPoint =[touch locationInView:...实用触摸事件，利用画图设置画笔颜色，长度，填充 生成五角星，
这个项目“iOS绘画板画图画线”提供了一个基础的框架，涵盖了绘制、图片处理以及用户交互等多个方面的知识点。下面我们将深入探讨这些技术要点。 首先，我们关注的是画线功能。在iOS中，可以使用`UIBezierPath`类来...