无法在自定义 UIView 中的图像上绘制矩形

Question

我有一个带有 UIVIewcontroller 的情节提要场景。在这个场景中，我有一个 UIImageview，其中包含背景图像、一个 UIButton 和一个 UIView。

这个 UIView 有一个覆盖的 drawRect 方法：

- (void)drawRect:(CGRect)rect
{
    [super drawRect:rect];
    [self setNeedsDisplay];


    CGFloat height = self.bounds.size.height;
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextClearRect(context, rect);
    CGContextSetFillColorWithColor(context, [UIColor grayColor].CGColor);
    CGFloat barWidth = 30;
    int count = 0;
    NSArray *values = [NSArray arrayWithObjects:@1, @0.5, nil];
    for (NSNumber *num in values) {
        CGFloat x = count * (barWidth + 10);
        CGRect barRect = CGRectMake(x, height - ([num floatValue] * height), barWidth, [num floatValue] * height);
        CGContextAddRect(context, barRect);
        count++;
    }
    CGContextFillPath(context);

}

我的问题是：如何将图像设置为自定义 UIView 的背景并在其上绘制矩形？

问候

Answer 1

假设您将 UIView 子类命名为 MyCustomView。从 interface-builder（xib 或 storyboard）添加 UIView 时，您必须明确地将 interface builder 中的 UIView 的自定义类设置为 MyCustomView（就像在这个 answer 中一样）。

另一个可能出现的问题是视图的顺序。哪一个在上面？

从代码中添加自定义视图是另一种方法。

您的绘图代码似乎没问题。这是我来自drawRect 的代码，它在背景中绘制图像（我稍微调整了一下）：

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

    // here I draw an image BEFORE drawing the rectangles
    UIImage* img = [UIImage imageNamed:@"img.jpg"];
    [img drawInRect:rect];

    CGFloat height = self.bounds.size.height;
    CGFloat barWidth = 30;

    CGContextSetFillColorWithColor(context, [[UIColor grayColor] CGColor]);

    int count = 0;
    NSArray *values = [NSArray arrayWithObjects:@1, @0.5, nil];
    for (NSNumber *num in values) {
        CGFloat x = count * (barWidth + 10);
        CGRect barRect = CGRectMake(x, height - ([num floatValue] * height), barWidth, [num floatValue] * height);

        // drawing rectangles OVER the image
        CGContextFillRect(context, barRect);
        count++;
    }
}

Answer 2

这是为您自定义的UIView 设置背景图片（放在drawRect: 方法中）：

 self.backgroundColor = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"someimage.png"]];

如果您想将子视图添加到自定义 UIView，您可以直接在情节提要上执行此操作，或者以编程方式使用 addSubview 方法：

UIView *v = [[UIView alloc]initWithFrame:CGRectMake(x,y,w,h)];//change x,y,w,h to meet yours
[self.myCustomView addSubview:v];

当然，addSubview 会处理所有的UIView 子类，所以你可以添加UIImageView、UIScrollView 等。