自定义视图

自定义视图

UIKit框架提供了很多经典视图,但实际工作中还是需要一些自定义视图来完成工作.

 

自定义视图就是UIView的子类,然后实现drawRect方法,会绘制具体的图形.

 

这个方法会在视图刷新时自动调用,不需要程序员来手动调用.

在明确地需要重绘时,请调用setNeedsDisplay

 

图形相关的请参考http://developer.apple.com/library/ios/#referencelibrary/GettingStarted/GS_Graphics_iPhone/_index.html#//apple_ref/doc/uid/TP40007300

 

http://developer.apple.com/library/ios/#documentation/GraphicsImaging/Conceptual/drawingwithquartz2d/dq_overview/dq_overview.html#//apple_ref/doc/uid/TP30001066-CH202-TPXREF101

几种框架:

１.UIKit

2.Core Graphics

3.Core Animation

4.OpenGL ES

 

几个概念:

１.图形上下文

A graphics context is an opaque data type (CGContextRef) that encapsulates the information Quartz uses to draw images to an output device, such as a PDF file, a bitmap, or a window on a display.

所谓图形上下文就是指你要画到什么地方去.如pdf,位图,打印机等.

这个绘图目的地会影响绘图的一些行为.

2.绘图状态

就是指填充颜色,笔触宽度等,但不包括下面要讲的绘制路径.

 

３.绘制路径

分为开放路径和闭合路径.　其实很简单,起点和终点位于同一点就是闭合路径,反之就是开放路径.

图片painting又分为两种

 

哈,用过ps没?这个路径和ps差不多同一个概念.路径不是图形,你要么描边,要么填充,才能看到一个图形.

 

 

总结一下

drawRect:的常用步骤是

■ 获得当前的图形上下文环境

■ 定义一个路径

■ 设置颜色 // 这里是指绘图状态等.

■ 画边界或者填充这个路径

■ 如果需要,重复上面的步骤

api参考:

0 CGContextRef context = UIGraphicsGetCurrentContext(); 设置上下文

1 CGContextMoveToPoint 开始画线

2 CGContextAddLineToPoint 画直线

 

4 CGContextAddEllipseInRect 画一椭圆

4 CGContextSetLineCap 设置线条终点形状

4 CGContextSetLineDash 画虚线

4 CGContextAddRect 画一方框

4 CGContextStrokeRect 指定矩形

4 CGContextStrokeRectWithWidth 指定矩形线宽度

4 CGContextStrokeLineSegments 一些直线

 

5 CGContextAddArc 画已曲线 前俩店为中心 中间俩店为起始弧度 最后一数据为0则顺时针画 1则逆时针

5 CGContextAddArcToPoint(context,0,0, 2, 9, 40);//先画俩条线从point 到 弟1点 ， 从弟1点到弟2点的线  切割里面的圆

6 CGContextSetShadowWithColor 设置阴影

7 CGContextSetRGBFillColor 这只填充颜色

7 CGContextSetRGBStrokeColor 画笔颜色设置

7 CGContextSetFillColorSpace 颜色空间填充

7 CGConextSetStrokeColorSpace 颜色空间画笔设置

8 CGContextFillRect 补充当前填充颜色的rect

8 CGContextSetAlaha 透明度

 

9 CGContextTranslateCTM 改变画布位置

10 CGContextSetLineWidth 设置线的宽度

11 CGContextAddRects 画多个线

12 CGContextAddQuadCurveToPoint 画曲线

13 CGContextStrokePath 开始绘制图片

13 CGContextDrawPath 设置绘制模式

14 CGContextClosePath 封闭当前线路

15 CGContextTranslateCTM(context, 0, rect.size.height);    CGContextScaleCTM(context, 1.0, -1.0);反转画布

16 CGContextSetInterpolationQuality 背景内置颜色质量等级

16 CGImageCreateWithImageInRect 从原图片中取小图

 

17 字符串的 写入可用  nsstring本身的画图方法 – (CGSize)drawInRect:(CGRect)rect withFont:(UIFont *)font lineBreakMode:(UILineBreakMode)lineBreakMode alignment:(UITextAlignment)alignment;来写进去即可

 

18对图片放大缩小的功能就是慢了点

UIGraphicsBeginImageContext(newSize);

UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();

UIGraphicsEndImageContext();

 

19 CGColorGetComponents（） 返回颜色的各个直 以及透明度 可用只读const float 来接收  是个数组

 

20 画图片 CGImageRef image＝CGImageRetain(img.CGImage);

CGContextDrawImage(context, CGRectMake(10.0, height –

100.0, 90.0, 90.0), image);

 

21 实现逐变颜色填充方法 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);

22 注:  画完图后,必须

先用CGContextStrokePath来描线,即形状

后用CGContextFillPath来填充形状内的颜色.

 

 

填充一个路径的时候，路径里面的子路径都是独立填充的。

假如是重叠的路径，决定一个点是否被填充，有两种规则

1,nonzero winding number rule:非零绕数规则，假如一个点被从左到右跨过，计数器+1，从右到左跨过，计数器-1，最后，如果结果是0，那么不填充，如果是非零，那么填充。

2,even-odd rule: 奇偶规则，假如一个点被跨过，那么+1，最后是奇数，那么要被填充，偶数则不填充，和方向没有关系。

 

 

Function

Description

CGContextEOFillPath

使用奇偶规则填充当前路径

CGContextFillPath

使用非零绕数规则填充当前路径

CGContextFillRect

填充指定的矩形

CGContextFillRects

填充指定的一些矩形

CGContextFillEllipseInRect

填充指定矩形中的椭圆

CGContextDrawPath

两个参数决定填充规则，kCGPathFill表示用非零绕数规则，kCGPathEOFill表示用奇偶规则，kCGPathFillStroke表示填充，kCGPathEOFillStroke表示描线，不是填充

 

 

 

 

 

设置当一个颜色覆盖上另外一个颜色，两个颜色怎么混合

默认方式是

result = (alpha * foreground) + (1 – alpha) * background

 

CGContextSetBlendMode :设置blend mode.

CGContextSaveGState :保存blend mode.

CGContextRestoreGState:在没有保存之前，用这个函数还原blend mode.

CGContextSetBlendMode 混合俩种颜色