子类 UITableViewCell - backgroundView 涵盖了我在 drawRect 中所做的任何事情

Question

我正在尝试创建一个子类 UITableViewCell，我在右上角绘制图像。我让它工作得很好 - 除了我设置 self.backgroundView 时，我的背景图像覆盖了在 drawRect 中绘制的图像。

必须有一种方法可以设置背景图像（和 selectedBackgroundView），而不会掩盖在 drawRect 中所做的事情。

我是不是走错了路？

编辑：我已经发布了example project with the problem。

    - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {

    if ((self = [super initWithStyle:style reuseIdentifier:reuseIdentifier])) {

     // TODO: figure out why this covers up self.starImage that's drawn in drawRect
         self.backgroundView = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"cellBackground.png"]] autorelease];
    }
    return self;
}

- (void)drawRect:(CGRect)rect {
    [self.starImage drawAtPoint:CGPointMake(self.bounds.size.width - self.starImage.size.width, 0.0)];
}

---

编辑 2：应 AWrightIV 的要求，这就是我如何让它工作的……它根本不需要子类化 UITableViewCell。我只是在 cell.backgroundView 中添加一个子视图：

// create a UIImageView that contains the background image for the cell
UIImageView *bgImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"cellBackground.png"]];

// create another UIImageView that contains the corner image
UIImage *starRedImage = [UIImage imageNamed:@"starcorner_red.png"];
UIImageView *starImageView = [[UIImageView alloc] initWithFrame:CGRectMake(297,
                                                                               0,
                                                                               starRedImage.size.width,
                                                                               starRedImage.size.height)];
starImageView.image = starRedImage;

// add the corner UIImageView as a subview to the background UIImageView
[bgImageView addSubview:starImageView];

// set cell.background to use the background UIImageView
cell.backgroundView = bgImageView;

Answer 1

您不应该像那样将绘图与您的单元格混合，您的操作级别低于 UITableViewCell 机器的操作级别，这就是您遇到此问题的原因。

这只是您最终会遇到的各种问题之一。当你沿着这条路走下去时，你会遇到其他问题，包括选择如何工作的问题。

正确的方法是创建一个包含要绘制的代码的自定义 UIView，然后您可以将其添加到单元格的根视图中。这将以正确的顺序处理渲染，并且不会干扰选择系统，并且在这种情况下可以正常工作。

Answer 2

您不应该覆盖表格单元的 -drawRect:。相反，创建一个新的自定义视图并将其添加到单元格的 contentView 中，然后在其中绘制。

Answer 3

您是否尝试在此处添加[super drawRect:rect];？

Answer 4

这是一个有点杂乱无章的解决方案，但它完全符合我的要求……有一个致命缺陷：当单元被重复使用时，星角会在我不希望出现时出现。

http://dl.dropbox.com/u/2349787/UIImage_Position_subclassed_cell2.zip

我在这里仍然使用 drawRect，但只是因为如果您在 initWithStyle 方法中访问 self.starImage 为 null。此外，我没有将子视图添加到 self.contentView，而是将其添加到 self.backgroundView 以防止单元格的删除按钮干扰它。星角在纵向和横向模式下都正确定位，在编辑模式下也能正常工作。

虽然有单元重用问题，但仍然不行......所以，也许我会重新尝试在不继承 UITableViewCell 的情况下这样做。

我愿意接受任何进一步的建议。谢谢！

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    if ((self = [super initWithStyle:style reuseIdentifier:reuseIdentifier])) {
        // Initialization code

        self.backgroundView = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"cellBackground.png"]] autorelease];
    }
    return self;
}

- (void) drawRect:(CGRect)rect {

    UIImageView *imageView = [[[UIImageView alloc] initWithFrame:CGRectMake(self.bounds.size.width - self.starImage.size.width, 0, self.starImage.size.width, self.starImage.size.height)] autorelease];
    imageView.image = self.starImage;
    imageView.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin;

    [self.backgroundView addSubview:imageView];
}