iOS - 图形上下文绘图

Posted qzcodediary

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iOS - 图形上下文绘图相关的知识,希望对你有一定的参考价值。

drawRect调用场景

  • 视图第一次显示的时候会调用。这个是由系统自动调用的,主要是在UIViewControllerloadViewviewDidLoad方法调用之后;
  • 如果在UIView初始化时没有设置rect大小,将直接导致drawRect不被自动调用
  • 该方法在调用sizeThatFits后被调用,所以可以先调用sizeToFit计算出size,然后系统自动调用drawRect:方法;
  • 通过设置contentMode属性值为UIViewContentModeRedraw,那么将在每次设置或更改frame的时候自动调用drawRect:;
  • 直接调用setNeedsDisplay,或者setNeedsDisplayInRect:触发drawRect:,但是有个前提条件是rect不能为0;

drawRect使用注意事项

  • 如果子类直接继承自UIView,则在drawRect 方法中不需要调用super方法。若子类继承自其他View类则需要调用super方法以实现重绘
  • 若使用UIView绘图,只能在drawRect:方法中获取绘制视图的contextRef。在其他方法中获取的contextRef都是不生效的;
  • drawRect:方法不能手动调用,需要调用实例方法setNeedsDisplay或者setNeedsDisplayInRect,让系统自动调用该方法;
  • 若使用CALayer绘图,只能在drawInContext :绘制,或者在delegate方法中进行绘制,然后调用setNeedDisplay方法实现最终的绘制;
-(void)drawRect:(CGRect)rect {
    CGContextRef contextRef = UIGraphicsGetCurrentContext();
    UIBezierPath *path0 = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.frame.size.width/2, self.frame.size.height/2)
                                                         radius:self.frame.size.width/2
                                                     startAngle:-M_PI_2
                                                       endAngle:M_PI_2 * 3 clockwise:YES];
    CGContextAddPath(contextRef, path0.CGPath);
    CGContextFillPath(contextRef);
    CGContextSetRGBFillColor(contextRef, 50.0/255.0, 50.0/255.0, 50.0/255.0, 0.8);
    CGContextStrokePath(contextRef);
    
    CGContextRef contextRef1 = UIGraphicsGetCurrentContext();
    UIBezierPath *path1 = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.frame.size.width/2, self.frame.size.height/2)
                                                         radius:self.frame.size.width/2 - 1
                                                     startAngle:-M_PI_2
                                                       endAngle:M_PI_2 * 3 clockwise:YES];
    CGContextAddPath(contextRef1,path1.CGPath);
    CGContextSetRGBStrokeColor(contextRef1, 50.0/255.0, 50.0/255.0, 50.0/255.0, 1);
    CGContextSetLineWidth(contextRef1, 2);
    CGContextStrokePath(contextRef1);
    
    CGContextRef contextRef2 = UIGraphicsGetCurrentContext();
    UIBezierPath *path2 = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.frame.size.width/2, self.frame.size.height/2)
                                                         radius:self.frame.size.width/2 - 1
                                                     startAngle:-M_PI_2
                                                       endAngle:_progress/_signProgress * M_PI * 2 - M_PI_2 clockwise:YES];
    CGContextAddPath(contextRef2,path2.CGPath);
    CGContextSetStrokeColorWithColor(contextRef2, [UIColor whiteColor].CGColor);
    CGContextSetLineWidth(contextRef2, 3);
    CGContextStrokePath(contextRef2);
    
}

-(instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        self.backgroundColor = [UIColor clearColor];
        [self setUpSubViews];
        
    }
    return self;
}

-(void)setUpSubViews {
    self.label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];
    _label.textColor = [UIColor whiteColor];
    _label.font = [UIFont systemFontOfSize:13];
    _label.textAlignment = 1;
    _label.layer.zPosition = 3;
    _label.backgroundColor = [UIColor clearColor];
    [self addSubview:self.label];
}

-(void)upDateCircleProgress:(CGFloat) progress {
    self.label.text = [NSString stringWithFormat:@"%.0f",self.signProgress - progress + 1];
    self.progress = progress;
    [self setNeedsDisplay];
}

这是一个简单的progressView 转圈的进度条。使用简单的图形上下文实现。

以上是关于iOS - 图形上下文绘图的主要内容,如果未能解决你的问题,请参考以下文章

iOS开发UI篇—Quartz2D使用(图形上下文栈

IOS绘图的核心步骤

iOS的基本图形绘制

iOS 图形绘制(二)-UIBezierPath

iOS开发UI篇—Quartz2D使用(绘制基本图形)

IOS 图形上下文栈