绘图 - 5

最新推荐文章于 2024-03-15 21:27:19 发布

绘风铃

最新推荐文章于 2024-03-15 21:27:19 发布

阅读量300

点赞数

分类专栏： Drawing 文章标签： iOS quartz Drawing

本文链接：https://blog.csdn.net/u013743777/article/details/50267661

版权

Drawing 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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实时刷新屏幕