3

我正在使用带有一些自定义单元格的分组表格视图，并将图像作为每个单元格的背景颜色。

cell.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"custombackground.png"]];

到目前为止，一切都很好，但我的图像明显高于常规单元格的高度，因此，只有图像的顶部用作背景，每个单元格都是相同的。基本上，它看起来很草率，每个单元格都在重复这种模式。

有没有人这样做，所以该部分的第二行显示图像的下一部分而不是重复它，所以它看起来像一个连续的图像？（例如，第 0 行使用图像的前 44 个点，第 1 行使用第 45-88 个点等）

是否有可能，和/或任何想法如何？

4

2 回答 2

1

是的，你可以这样做。这个问题的关键是使用UIImage的CGImage方法，然后使用Quartz "CGImageRef CGImageCreateWithImageInRect();" 创建子图像。使用 CGImageRef 你可以创建新的 UIImages。

所以让我们说它只是问题的高度。第一个单元格使用自上而下的“h”像素的部分图像。然后下一个从“h”开始，然后再去 h 个像素，依此类推。

请注意，Quartz 使用“翻转”坐标系，因此您必须准确地调整从何处获取子图像。当我这样做时，我似乎总是需要一些调整，所以希望最后花一点时间让它正确显示。

于 2012-07-15T21:14:24.460 回答
0

您可以通过 indexPath.row 变量计算每一行的部分大小。之后，使用您计算的 CGRect 值裁剪图像。

CGFloat top = (indexPath.row == 0) ? 0 : (indexPath.row * 44) + 1;

CGRectMake(0, top, 320, 44);是你裁剪图像的矩形吗

您可以使用此答案来裁剪 UIImage。

操作编辑：谢谢！添加我从建议中得出的结论：

    UIImage *image = [UIImage imageNamed:@"custombackground.png"];
    CGFloat y = indexPath.row * 44;

    for (y; y+44 > image.size.height; y -= image.size.height);
    //Sends our y origin back to the top of the image in case
    //the image would have ended in the middle of a cell, so 
    //it can be used for any length of table.

    CGRect cropRect = CGRectMake(0, y, 320, 44);
    CGImageRef imageRef = CGImageCreateWithImageInRect([image CGImage], cropRect);

    cell.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageWithCGImage:imageRef]];
于 2012-07-15T21:08:34.827 回答