2009-04-14 35 views
3

我正在尝试实现自定义视图。此视图应显示由灰色,圆角矩形边框包围的图像。我可以将图像显示得很好,也可以显示边框,但是,由于边框具有圆角,因此需要清除这些边角,以便正确显示视图背后的任何内容。我怎样才能做到这一点?如何使用iPhone SDK清除圆角矩形外的角?

看来我可能能够使用CGContextClearRect,但是之后我不必多次调用这个函数,重建了我圆角以外的区域?这听起来过于复杂。

有没有更好的方法来创建此视图?

这里是我当前的代码:

- (void)drawRect:(CGRect)rect 
{ 
    CGContextRef context = UIGraphicsGetCurrentContext(); 

    // Draw the image. This will completely fill the current rect. 
    [image drawInRect:self.bounds]; 

    // Ensure we draw completely within our bounds instead of straddling it. 
    CGRect rrect = self.bounds; 
    rrect.size.height = rrect.size.height - 1.0; 
    rrect.size.width = rrect.size.width - 1.0; 
    rrect.origin.x = rrect.origin.x + (1.0/2); 
    rrect.origin.y = rrect.origin.y + (1.0/2); 

    CGFloat radius = 5.0; 
    CGFloat minx = CGRectGetMinX(rrect); 
    CGFloat midx = CGRectGetMidX(rrect); 
    CGFloat maxx = CGRectGetMaxX(rrect); 
    CGFloat miny = CGRectGetMinY(rrect); 
    CGFloat midy = CGRectGetMidY(rrect); 
    CGFloat maxy = CGRectGetMaxY(rrect); 

    // Draw the rounded rect border. 
    CGContextSetRGBStrokeColor(context, 0.6, 0.6, 0.6, 1.0); 
    CGContextSetRGBFillColor(context, 1.0, 1.0, 1.0, 0.0); 
    CGContextSetLineWidth(context, 1.0); 
    CGContextMoveToPoint(context, minx, midy); 
    CGContextAddArcToPoint(context, minx, miny, midx, miny, radius); 
    CGContextAddArcToPoint(context, maxx, miny, maxx, midy, radius); 
    CGContextAddArcToPoint(context, maxx, maxy, midx, maxy, radius); 
    CGContextAddArcToPoint(context, minx, maxy, minx, midy, radius); 
    CGContextClosePath(context); 
    CGContextDrawPath(context, kCGPathFillStroke); 
} 

回答

7

绘制图像前添加圆角矩形路径剪切路径。

+0

谢谢!所以,CGContextClip似乎清除了当前的绘图路径。这是否意味着我需要两次追踪相同的路径?一次剪辑,然后一次绘制?另外,我必须在剪切前保存上下文的状态,并在绘制图像后将其恢复,对吗?否则我的路径跨越剪辑。 – 2009-04-14 17:09:14