iOS Quartz笔记

Quartz 2D是一个二维绘图引擎，同时支持iOS和Mac OS X系统（跨平台，纯 C 语言的）。包含在 Core Graphics 框架中。
Quartz 2D能完成的工作
绘制图形 : 线条\三角形\矩形\圆\弧等
绘制文字
绘制\生成图片(图像)
读取\生成PDF
截图\裁剪图片
自定义UI控件
Quartz2D 是苹果官方的二维绘图引擎，同时支持 iOS 和 Mac OS X 系统。
Cocos2D（Cocos2D-x、Cocos2D-iPhone、Cocos2D-HTML5等）, Cocos2D 是一个第三方开源的2D游戏框架。做2D 游戏的 还有 Sprite Kit。 一般3D 游戏用 unity3D。

一、drawRect

1> 说明 - (void)drawRect:(CGRect)rect 什么时候调用、调用次数等
- 当 view 第一次被显示的时候调用(调用一次)
- 或者是重绘事件被触发的时候
- 不要手动去调用这个方法
- 手动调用重绘方法 setNeedsDisplay 或者 setNeedsDisplayInRect:

2> 说明为什么要在 - (void)drawRect:(CGRect)rect 方法中进行绘图
- 只有在这个方法中才能获取当前 View 的绘图上下文

二、简单绘制

案例:
1> 绘制一根线段

参考代码: void test1() {     // 1. 获取当前的图形上下文     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 2. 在上下文中绘制图形（拼接路径）     // 2.1 设置一个起点     CGContextMoveToPoint(ctx, 20, 20);     // 2.2 添加一条直线到(100, 100)这个点     CGContextAddLineToPoint(ctx, 100, 20);     // 3. 把上下文渲染显示到 HMView01上    // StrokePath 表示把路径以空心的形式渲染出来。     CGContextStrokePath(ctx); }

2> 绘制一个中文”二”, 两根线段

 参考代码: void test2() {     // 1. 获取当前的图形上下文     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 2. 在上下文中绘制图形（拼接路径）     // 2.1 设置一个起点     CGContextMoveToPoint(ctx, 20, 20);     // 2.2 添加一条直线到(100, 100)这个点     CGContextAddLineToPoint(ctx, 100, 20);     // 2.3 再重新设置一个起点     CGContextMoveToPoint(ctx, 5, 50);     // 2.4 再添加一条线     CGContextAddLineToPoint(ctx, 115, 50);     // 3. 把上下文渲染显示到 HMView01上    // StrokePath 表示把路径以空心的形式渲染出来。     CGContextStrokePath(ctx); }

3> 绘制一个”三角形”

参考代码: void test3() {     // 1. 获取当前的图形上下文     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 2. 在上下文中绘制图形（拼接路径）     // 2.1 设置一个起点     CGContextMoveToPoint(ctx, 20, 20);     // 2.2 添加一条直线到(100, 100)这个点     CGContextAddLineToPoint(ctx, 100, 100);     // 2.3 再添加一条线     CGContextAddLineToPoint(ctx, 120, 30);     // 2.4 再添加一条线段     //CGContextAddLineToPoint(ctx, 20, 20);     // 另外一种做法: 直接关闭路径（连接最后一个点和起点）     CGContextClosePath(ctx);     // 3. 把上下文渲染显示到 HMView01上     // StrokePath 表示把路径以空心的形式渲染出来。     CGContextStrokePath(ctx); } ```

4> 绘制一个”矩形”。
* 思路1: 可以画4根线来表示一个矩形。

 参考代码: // 绘制四边形, 这种画法, 只能话"正"的图形, "斜"的需要使用"矩阵"的方式来进行旋转 void test4() {     // 绘制一个"四边形"     // 1. 获取当前图形上下文     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 2. 开始绘制路径     CGContextAddRect(ctx, CGRectMake(20, 20, 100, 120));     // 3. 渲染     CGContextStrokePath(ctx); }

5> 绘制一个实心”矩形”

参考代码:    // 绘制"实心"矩形, 只要把 Stroke 变成 Fill 即可    void test5()    {        // 绘制一个"四边形"        // 1. 获取当前图形上下文        CGContextRef ctx = UIGraphicsGetCurrentContext();        // 2. 开始绘制路径        CGContextAddRect(ctx, CGRectMake(20, 20, 100, 120));        // 3. 渲染        CGContextFillPath(ctx);    }

6.1> 设置图形的颜色

参考代码:// 设置图形的颜色void test6(){     // 绘制一个"四边形"     // 1. 获取当前图形上下文     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 2. 开始绘制路径     CGContextAddRect(ctx, CGRectMake(20, 20, 100, 120));     //============ C 语言的方式设置颜色 =================     CGContextSetRGBFillColor(ctx, 200/255.0, 100/255.0, 50/255.0, 1.0);     //CGContextSetRGBStrokeColor(<#CGContextRef context#>, <#CGFloat red#>, <#CGFloat green#>, <#CGFloat blue#>, <#CGFloat alpha#>)     //============ C 语言的方式设置颜色 =================     //============ OC 的方式设置颜色 =================     // 设置空心图形的线条颜色     // [[UIColor redColor] setStroke];     // 设置实心图形的填充颜色     // [[UIColor redColor] setFill];     // 统一设置"空心图形" 和 "实心图形"的颜色     //[[UIColor redColor] set];     //============ OC 的方式设置颜色 =================     // 3. 渲染     CGContextFillPath(ctx);}

6.2> 设置不同线段, 不同颜色

参考代码: void test8(){    //画两根线, 一根红色, 一根蓝色    // 1. 获取上下文对象    CGContextRef ctx = UIGraphicsGetCurrentContext();    // 2. 绘制图形    // 2.1 设置起点    CGContextMoveToPoint(ctx, 50, 50);    // 2.2 添加一根线    CGContextAddLineToPoint(ctx, 50, 150);    // 2.3 设置线段颜色    [[UIColor redColor] set];    // 2.4 设置线宽    CGContextSetLineWidth(ctx, 10);    // 渲染一次    CGContextStrokePath(ctx);    // 再移动到一个新的起点    CGContextMoveToPoint(ctx, 100, 50);    // 再添加一根线    CGContextAddLineToPoint(ctx, 100, 150);    // 设置线的颜色    [[UIColor blueColor] set];    // 3. 渲染"上下文对象"到 view 上    CGContextStrokePath(ctx);}

7> 设置线段宽度（也可以使用这种方式绘制”实心矩形”）

 参考代码:// 设置线段宽度void test7(){    // 绘制一个"四边形"    // 1. 获取当前图形上下文    CGContextRef ctx = UIGraphicsGetCurrentContext();    // 2. 开始绘制路径    CGContextAddRect(ctx, CGRectMake(20, 20, 100, 120));    // 设置空心图形的线条颜色    // [[UIColor redColor] setStroke];    // 设置实心图形的填充颜色    // [[UIColor redColor] setFill];    // 统一设置"空心图形" 和 "实心图形"的颜色    [[UIColor redColor] set];    // 设置线段宽度    CGContextSetLineWidth(ctx, 20);    // 3. 渲染    CGContextStrokePath(ctx);}

解释:

1> 拼接路径

参考代码: // 2. 在上下文中绘制图形（拼接路径） // 2.1 设置一个起点 CGContextMoveToPoint(ctx, 20, 20); // 2.2 添加一条直线到(100, 100)这个点 CGContextAddLineToPoint(ctx, 100, 100); // 2.3 再添加一条线 CGContextAddLineToPoint(ctx, 120, 30);

2> 设置状态

 参考代码: // 统一设置"空心图形" 和 "实心图形"的颜色 [[UIColor redColor] set]; // 设置线段宽度 CGContextSetLineWidth(ctx, 20);

8> 设置线段”头尾部”的样式

 参考代码: void test9() {     // 1. 获取上下文对象     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 2. 绘制路径     // 2.1 移动到起点     CGContextMoveToPoint(ctx, 20, 20);     // 2.2 添加一条线段     CGContextAddLineToPoint(ctx, 100, 100);     // 2.3 设置颜色     [[UIColor redColor] set];     // 2.4 设置线段宽度     CGContextSetLineWidth(ctx, 15);     // 2.5 设置线段头尾部样式 //enum CGLineCap { //kCGLineCapButt, 默认值 //kCGLineCapRound, 圆角 //kCGLineCapSquare 方角 //};    CGContextSetLineCap(ctx, kCGLineCapSquare);    // 3. 渲染    CGContextStrokePath(ctx);}

9> 设置转折点样式

参考代码: void test10() {     // 1. 获取上下文对象     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 2. 绘制路径     // 2.1 移动到起点     CGContextMoveToPoint(ctx, 20, 20);     // 2.2 添加一条线段     CGContextAddLineToPoint(ctx, 100, 100);     // 2.3 再添加一条线段     CGContextAddLineToPoint(ctx, 150, 50);     // 2.3 设置颜色     [[UIColor redColor] set];     // 2.4 设置线段宽度     CGContextSetLineWidth(ctx, 15);     // 2.5 设置线段头尾部样式     CGContextSetLineCap(ctx, kCGLineCapRound);     // 2.6 设置转折点样式     CGContextSetLineJoin(ctx, kCGLineJoinBevel);     // 3. 渲染     CGContextStrokePath(ctx); }

三、 椭圆\圆

1> 椭圆\圆

 参考代码: 思路, 圆其实就是一个在在矩形中的图形。 // 绘制圆和椭圆 void test() {     // 1. 获取上下文     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 2. 绘制图形     // 椭圆     CGContextAddEllipseInRect(ctx, CGRectMake(10, 20, 150, 100));     // 圆     CGContextAddEllipseInRect(ctx, CGRectMake(30, 50, 100, 100));     // 3. 渲染     CGContextStrokePath(ctx); }

2> 绘制圆环:

• 思路1: 在画圆的时候, 设置线宽即可。CGContextSetLineWidth(ctx, 20);
• 思路2: 画两个嵌套的圆

3> 画不同的圆弧

• 画上面半个圆弧
• 画下面半个圆弧
• 画右下角的1/4圆弧
• 左侧半圆弧
• 右侧半圆弧
• 左下角的1/4的圆弧
• 画一个圆

参考代码: // 画不同的圆弧 void test2() {     // 1. 获取上下文     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 2. 绘制图形     // 画圆弧     // ios 系统中坐标系刚好是反的所以指定了1（顺时针）反而效果是"逆时针"。     //CGContextAddArc(ctx, 100, 100, 50, 0, M_PI, 0);     //CGContextAddArc(ctx, 100, 100, 50, 0, M_PI * 0.5, 0);     //CGContextAddArc(ctx, 100, 100, 50, -M_PI_2, M_PI_2, 0);     // 绘制左下角的1/4的圆弧     //CGContextAddArc(ctx, 100, 100, 50, M_PI, M_PI_2, 1);     // 画一个圆     //CGContextAddArc(ctx, 100, 100, 50, 0, M_PI * 2, 1);     // 3. 渲染     CGContextStrokePath(ctx); }

4> 演示

 参考代码: - (void)drawRect:(CGRect)rect {     // 1. 获取上下文     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 2. 绘制图形     // 绘制左下角的1/4的圆弧     CGContextAddArc(ctx, 100, 100, 50, M_PI, M_PI_2, 1);     // 3. 渲染     CGContextFillPath(ctx); }

5> 画一个左下角1/4 的实心圆

参考代码: - (void)drawRect:(CGRect)rect {     // 1. 获取上下文     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 2. 绘制图形     // 绘制左下角的1/4的圆弧     CGContextAddArc(ctx, 100, 100, 50, M_PI, M_PI_2, 1);     // 添加一根线     CGContextAddLineToPoint(ctx, 100, 100);     // 关闭路径     CGContextClosePath(ctx);     // 3. 渲染     CGContextFillPath(ctx); }

四、文字绘制(通过OC 来绘制图形)

1> 绘制一段文字(思路: 直接使用 OC 的方法, 无需手动获取上下文对象)

 参考代码: - (void)drawRect:(CGRect)rect {     NSString *str = @"哈哈, 黑马程序员 iOS学院。";     NSDictionary *attrs = @{         NSForegroundColorAttributeName : [UIColor redColor],         NSFontAttributeName : [UIFont systemFontOfSize:20]     };     [str drawAtPoint:CGPointMake(30, 50) withAttributes:attrs]; }

2> 绘制一段文字到一个指定的区域
* 思路: 调用字符串的 drawInRect: 方法.

参考代码: - (void)drawRect:(CGRect)rect {     // 1. 绘制文字     NSString *str = @"哈哈, 黑马程序员 iOS。";     NSDictionary *attrs = @{     NSForegroundColorAttributeName : [UIColor redColor],     NSFontAttributeName : [UIFont systemFontOfSize:20]     };     [str drawInRect:CGRectMake(20, 20, 50, 250) withAttributes:attrs];     // 1. 获取上下文     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 2. 把矩形画出来     CGContextAddRect(ctx,CGRectMake(20, 20, 50, 250));     // 3. 渲染     CGContextStrokePath(ctx); }

五、图片绘制(通过OC 来绘制图形)

1> 绘制一张图片到 UIView 上。
思路: 通过 OC 的方法来实现。

参考代码: - (void)drawRect:(CGRect)rect {     // 1. 获取图片     UIImage *img = [UIImage imageNamed:@"dst2"];     // 2. 把图片画到当前的 view中     [img drawAtPoint:CGPointMake(0, 0)]; }

2> 在指定的矩形中绘制图片（会自动拉伸）

参考代码: - (void)drawRect:(CGRect)rect {     // 1. 获取图片     UIImage *img = [UIImage imageNamed:@"dst2"];     // 2. 把图片画到当前的 view中     [img drawInRect:CGRectMake(0, 0, 150, 150)]; }

3> 画格子花纹效果(（pattern）), 思路: 调用drawAsPatternInRect:方法

 参考代码: - (void)drawRect:(CGRect)rect {     // 1. 获取图片     UIImage *img = [UIImage imageNamed:@"abc"];     // 2. 把图片画到当前的 view中     [img drawAsPatternInRect:self.bounds];     // 3. 在右下角显示文字     NSString *str = @"@传智播客 ios 学院";     NSDictionary *attrs = @{     NSForegroundColorAttributeName : [UIColor redColor],     NSFontAttributeName : [UIFont systemFontOfSize:20]     };     [ str drawInRect:CGRectMake(0, 100, 200, 30) withAttributes:attrs]; }

六、在指定的区域画一张图片, 然后再在指定的区域画一些文字（水印）

 参考代码: - (void)drawRect:(CGRect)rect { // Drawing code // 在指定的区域内画一张图片 UIImage *img = [UIImage imageNamed:@"dst2"]; [img drawInRect:self.bounds]; // 在指定的区域画一些文字 NSString *str = @"传智播客 iOS 学院。"; [str drawInRect:CGRectMake(10, 400, 200, 30) withAttributes:nil]; }

2.练习（画人）

1> 设置控制器 view 为自定义 view2> 先画黄色背景图片   * 上半个圆弧   * 左侧的竖线   * 下半个圆弧   * 关闭路径3> 画嘴巴4> 画眼镜的绑带5> 画左侧眼镜框6> 左侧眼镜框中的白色圈

七、图形上下文栈

1> 画两根线, 设置线的颜色、宽度、头尾的样式 LineCap

2> 要求, 第二根线不具有第一根线的样式。

3> 解决, 在画第一根线之前先保存”绘图上下文栈”, 在画第二根线的时候再恢复绘图上下文栈

CGContextSaveGState(ctx);// 保存ctx这个绘图上下文对象

CGContextRestoreGState(ctx); // 恢复 ctx这个图形上下文

八、矩阵操作

1> 整体旋转、整体缩放
* 思路: 随便在一个 UIView 上画一些图形（线段、矩形、圆等）

参考代码: - (void)drawRect:(CGRect)rect {     // Drawing code     // 1. 获取上下文     CGContextRef ctx = UIGraphicsGetCurrentContext();     //======================= 矩阵操作 ============================     // 1.1 旋转     CGContextRotateCTM(ctx, M_PI_4 * 0.5);     // 1.2 缩放     CGContextScaleCTM(ctx, 0.5, 0.5);     //======================= 矩阵操作 ============================     // 2. 绘制一些图形     CGContextMoveToPoint(ctx, 10, 10);     CGContextAddLineToPoint(ctx, 100, 100);     CGContextAddEllipseInRect(ctx, CGRectMake(130, 150, 100, 100));     CGContextAddRect(ctx, CGRectMake(70, 90, 100, 80));     // 3. 渲染     CGContextStrokePath(ctx); }

2> 最后画的那个图形不要矩阵操作
* 思路: 在绘制任何图形前保存上下文, 在绘制最后一个图形前恢复上下文

 参考代码: - (void)drawRect:(CGRect)rect {     // Drawing code     // 1. 获取上下文     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 保存上下文     CGContextSaveGState(ctx);     //======================= 矩阵操作 ============================     // 1.1 旋转     CGContextRotateCTM(ctx, M_PI_4 * 0.5);     // 1.2 缩放     CGContextScaleCTM(ctx, 0.5, 0.5);     //======================= 矩阵操作 ============================     // 2. 绘制一些图形     CGContextMoveToPoint(ctx, 10, 10);     CGContextAddLineToPoint(ctx, 100, 100);     CGContextAddEllipseInRect(ctx, CGRectMake(130, 150, 100, 100));     // 恢复上下文     CGContextRestoreGState(ctx);     CGContextAddRect(ctx, CGRectMake(70, 90, 100, 80));     // 3. 渲染     CGContextStrokePath(ctx); }

八、图片裁剪

1> 把一个图片裁剪成圆形

思路:
在 UIView 上绘制一个25 * 25的圆

裁剪上下文

加载图片, 把图片绘制到 “上下文” 上, 就自动实现了裁剪了

参考代码: - (void)drawRect:(CGRect)rect {     // Drawing code     CGContextRef ctx = UIGraphicsGetCurrentContext();     // 1. 画圆，这里最好使用 Ellipse 来绘制圆（画圆和画图片都从0,0点开始）。     CGContextAddArc(ctx, 100, 100, 90, 0, M_PI * 2, 1);     // 2. 裁剪上下文, 注意裁剪完毕就只能在裁剪好的区域内画东西了, 超出的地方无法绘制图形。     CGContextClip(ctx);     // 3. 把图片绘制上去     UIImage *img = [UIImage imageNamed:@"dst2"];     [img drawAtPoint:CGPointMake(0, 0)]; }

重绘案例: 调整 slider 滑动条, 同时改变圆的大小

1> 思路: 让绘制圆时, 半径随着 slider 的变化而变化

setNeedsDisplay 方法会把之前的内容都清除掉, 然后再重绘。

setNeedsDisplayInRect:<#(CGRect)#>局部刷新

参考代码: - (void)setRadius:(CGFloat)radius {     _radius = radius;     [self setNeedsDisplay]; } - (void)drawRect:(CGRect)rect {     // Drawing code     CGContextRef ctx = UIGraphicsGetCurrentContext();     CGContextAddArc(ctx, 100, 100, self.radius, 0, M_PI * 2, 1);     CGContextFillPath(ctx); } ```

2> “下雪”案例
思路:

1> 首先绘制一个雪花图片

2> 添加一个属性用来设置雪花的 y 值, 在 drawRect方法中每次修改 y 值

3> 在 awakeFromNib 方法中, 启动定时器, 定时调用 setNeedsDisplay方法

参考代码: - (void)awakeFromNib {     NSTimer *timer = [NSTimer scheduledTimerWithTimeInterval:0.2 target:self selector:@selector(setNeedsDisplay) userInfo:nil repeats:YES]; // 默认一秒钟60次 CADisplayLink *disLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(setNeedsDisplay)]; [disLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode]; }- (void)setRadius:(CGFloat)radius {     _radius = radius;     [self setNeedsDisplay]; } - (void)drawRect:(CGRect)rect {     self.snowY += 10;     if (self.snowY >= self.frame.size.height) {     self.snowY = -100;     }     // Drawing code     UIImage *imgSnow = [UIImage imageNamed:@"snow"];     [imgSnow drawAtPoint:CGPointMake(50, self.snowY)]; }

3.模仿UIImageView
思路:

1> 演示 UIImageView 的基本用法

2> 自定义一个类继承自 UIView, 添加一个 image 属性

 参考代码: // 1. 控制器 - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. MyImageView *imgView =[[MyImageView alloc] init]; imgView.image = [UIImage imageNamed:@"dst2"]; imgView.frame = CGRectMake(30, 30, 100, 100); [self.view addSubview:imgView]; self.myImgView = imgView; } - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { self.myImgView.image = [UIImage imageNamed:@"snow"]; } // 2. 自定义 view - (void)setImage:(UIImage *)image { _image = image; [self setNeedsDisplay]; } // Only override drawRect: if you perform custom drawing. // An empty implementation adversely affects performance during animation. - (void)drawRect:(CGRect)rect { // Drawing code [self.image drawAtPoint:CGPointZero]; }

作业: 让 UITextView 具有 PlaceHolder 功能。

图片水印 (产生一张真的图片, 实现图片的合成)

在一张图片上, 再绘制一张图片

思路:

0> 读取要打水印的图片

1> 手动创建一个机遇位图的”上下文”, 根据原图设置上下文的大小(开启一个新的位图上下文)
UIGraphicsBeginImageContextWithOptions(imgOriginal.size, NO, 0.0);

2> 把原图画到整个上下文中

3> 加载水印图片, 把水印图片画到指定的矩形中

4> 从上下文种获取绘制到的图片
UIGraphicsGetImageFromCurrentImageContext();

5> 把图片设置给图片框

6> 保存图片

• 获取图片对应的二进制数据
  NSData *imgData = UIImagePNGRepresentation(finalImg);

• 保存二进制数据
  [imgData writeToFile:fileName atomically:YES];

参考代码: // 1. UIImage *imgOriginal = [UIImage imageNamed:@"dst2"]; // 2. //使用UIGraphicsBeginImageContextWithOptions方法更清晰 // 这行代码执行完毕后就会创建一个新的 UIImage 对象（空的） UIGraphicsBeginImageContextWithOptions( imgOriginal.size, NO, 0.0); // 画原图 [imgOriginal drawInRect:CGRectMake(0, 0, imgOriginal.size.width, imgOriginal.size.height)]; // 画水印图片 UIImage *watermarkImg = [UIImage imageNamed:@"logo"]; CGFloat w = watermarkImg.size.width * 1.0; CGFloat h = watermarkImg.size.height * 1.0; CGFloat x = imgOriginal.size.width - w - 50; CGFloat y = imgOriginal.size.height - h - 50; [watermarkImg drawInRect:CGRectMake(x, y, w, h)]; // 从上下文种获取绘制到的图片 UIImage *finalImg = UIGraphicsGetImageFromCurrentImageContext(); // 结束一个上下文 UIGraphicsEndImageContext(); self.imgView.image = finalImg; // 把图片保存 // 1. 获取二进制数据 //UIImageJPEGRepresentation(<#UIImage *image#>, 0~1的取值。1表示质量最好) NSData *imgData = UIImagePNGRepresentation(finalImg); // 2. 保存 NSString *docPath = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) lastObject]; NSLog(@"%@", docPath); NSString *fileName = [docPath stringByAppendingPathComponent:@"aa.png"]; [imgData writeToFile:fileName atomically:YES];

把添加水印的方法封装到 UIImage的分类方法中

九、demos下载：

Apple Quarz Demo :
http://git.oschina.net/changyou/MyBaseQuarzDemo/repository/archive/master

绘制基本图形Demo:
http://git.oschina.net/changyou/MyBaseQuarzDemo/repository/archive/master

绘制图表Demo:
http://git.oschina.net/changyou/MyQuarzDrawChartDemo/repository/archive/master

下载进度条Demo：
http://git.oschina.net/changyou/MyDownloadProgressBar/repository/archive/master

实现裁剪图片并生成新图片Demo:
http://git.oschina.net/changyou/MycroppingImageDemo/repository/archive/master

水印图片Demo:
http://git.oschina.net/changyou/MywatermarkImagesDemo/repository/archive/master