绘图 - 5

来源:互联网 发布:暗黑破坏神2 mac 1.13 编辑:程序博客网 时间:2024/05/18 18:01

https://nezha.gitbooks.io/ios-developmentarticles/content/UIView%E7%9A%84drawRect%E9%87%8D%E7%BB%98.html

参考这个顶级好文章! 但是中间有点点错误哦,看官看的时候要非常注意。就是关于上下文的解析的那处。

http://www.jianshu.com/p/438bcf8e3e53

这个也是非常好!


千呼万唤,终于轮到 UIView 的这个方法:

</pre><pre name="code" class="objc">- (void)drawRect:(CGRect)rect;

看看苹果文档怎么描述:


“绘制接受者的图片在给定的矩形框中。”, 并且第一次通常是整个视图区,接下来就可以选择自己需要绘制的部分区域,这种情况更多的意味着一种“更新”的作用。

并且参数就是一个CGRect的矩形域。

说到这个方法,就不得不提另外两个相关性很强的方法:

- (void)setNeedsDisplay;
- (void)setNeedsDisplayInRect:(CGRect)rect;

因为开发者并不能直接地,主动地去调用drawRect:这个方法,而是通过上面的两个方法来调用!

根据上面的文章,这样做的好处主要有两点,第一点是让让系统依据层的情况进行优化。

第二点:


使用上来非常简单,在操作的最后添加这个函数调用即可:

- (void)setText:(NSString *)text{    [super setText:text];    [self setNeedsDisplay];}


上面是简单地介绍了一下,drawRect:使用和一些方法的结合,下面展示一下使用例子,在:

https://github.com/kgn/KGModal

这个项目中用到这个方法,是dim layer 遮挡层的一个view的使用:

- (void)drawRect:(CGRect)rect{    CGContextRef context = UIGraphicsGetCurrentContext();        if([[KGModal sharedInstance] backgroundDisplayStyle] == KGModalBackgroundDisplayStyleSolid)    {        [[UIColor colorWithWhite:0 alpha:0.55] set];        CGContextFillRect(context, self.bounds);    }    else{        CGContextSaveGState(context);        size_t gradLocationsNum = 2;        CGFloat gradLocations[2] = {0.0f, 1.0f};        CGFloat gradColors[8] = {0, 0, 0, 0.3, 0, 0, 0, 0.8};        CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();        CGGradientRef gradient = CGGradientCreateWithColorComponents(colorSpace, gradColors, gradLocations, gradLocationsNum);        CGColorSpaceRelease(colorSpace), colorSpace = NULL;        CGPoint gradCenter= CGPointMake(round(CGRectGetMidX(self.bounds)), round(CGRectGetMidY(self.bounds)));        CGFloat gradRadius = MAX(CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds));        CGContextDrawRadialGradient(context, gradient, gradCenter, 0, gradCenter, gradRadius, kCGGradientDrawsAfterEndLocation);        CGGradientRelease(gradient), gradient = NULL;        CGContextRestoreGState(context);    }}

我们就这段代码进行逐步的深入学习

首先遇到第一个结构体:

typedef struct CGContext *CGContextRef;


它所处的库就是大名鼎鼎iOS的CoreGraphics库啦!也就是Quartz 2D的绘图环境。

我们来看一个例子:

- (void)drawRect:(CGRect)rect {      //获得处理的上下文        CGContextRef context = UIGraphicsGetCurrentContext();        //设置线条样式        CGContextSetLineCap(context, kCGLineCapSquare);         //设置线条粗细宽度        CGContextSetLineWidth(context, 1.0);             //设置颜色        CGContextSetRGBStrokeColor(context, 1.0, 0.0, 0.0, 1.0);         //开始一个起始路径        CGContextBeginPath(context);         //起始点设置为(0,0):注意这是上下文对应区域中的相对坐标,        CGContextMoveToPoint(context, 0, 0);         //设置下一个坐标点        CGContextAddLineToPoint(context, 100, 100);         //设置下一个坐标点        CGContextAddLineToPoint(context, 0, 150);        //设置下一个坐标点        CGContextAddLineToPoint(context, 50, 180);        //连接上面定义的坐标点        CGContextStrokePath(context);   }  
可以看到,这就是由普通的点线面构成的绘图结果。而Quartz 2D的环境也是更注重这种方式。用的时候查一下怎么用即可。

代码看多了就会知道,从来没有人用一个变量来保存这个上下文的环境变量,因为iOS的绘图环境是时常变化,不需要用变量保存状态,而是每次创建新的(当前的)绘图环境。

关于调用顺序,简单地打一下断点就可以知道:

在viewController中 1. loadView 2.viewDidLoad.    3.drawRect:  

这种顺序调用。这个顺序意味着,在环境进行drawRect的操作前完全可以设置一些前置工作。


一些调用的时机和注意点,摘抄自:

http://blog.csdn.net/fww330666557/article/details/8647608

1.如果在UIView初始化时没有设置rect大小,将直接导致drawRect不被自动调用。
2.该方法在调用sizeThatFits后被调用,所以可以先调用sizeToFit计算出size。然后系统自动调用drawRect:方法。
3.通过设置contentMode属性值为UIViewContentModeRedraw。那么将在每次设置或更改frame的时候自动调用drawRect:。
4.直接调用setNeedsDisplay,或者setNeedsDisplayInRect:触发drawRect:,但是有个前提条件是rect不能为0.
以上1,2推荐;而3,4不提倡
1、若使用UIView绘图,只能在drawRect:方法中获取相应的contextRef并绘图。如果在其他方法中获取将获取到一个invalidate的ref并且不能用于画图。drawRect:方法不能手动显示调用,必须通过调用setNeedsDisplay 或者 setNeedsDisplayInRect ,让系统自动调该方法。
2、若使用calayer绘图,只能在drawInContext: 中(类似鱼drawRect)绘制,或者在delegate中的相应方法绘制。同样也是调用setNeedDisplay等间接调用以上方法。
3、若要实时画图,不能使用gestureRecognizer,只能使用touchbegan等方法来掉用setNeedsDisplay实时刷新屏幕


0 0
原创粉丝点击