跨越多个UITableViewCells（分组）的跨越背景图像

我用一些自定义单元格和一个图像作为每个单元格的backgroundColor使用分组tableview。跨越多个UITableViewCells（分组）的跨越背景图像

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

到目前为止，一切都很好，但我的形象是比普通细胞的高度显著较高，因此，只有图像的上半部分被用作背景，而且每个细胞是相同的。基本上，每个细胞重复这种模式看起来很sl sl。

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

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

2012-07-15 gyratory circus

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

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

CGRectMake(0, top, 320, 44);是您裁剪图像

可以使用this答案为划出一个UIImage的矩形。

OP编辑：谢谢！从建议中加入我想出的内容：

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-15 21:08:34

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

因此，让我们说它只是问题的高度。第一个单元格使用来自顶部向下“h”像素的部分图像。然后下一个从“h”开始，然后转到另一个h像素等。

请注意，Quartz使用“翻转”坐标系，因此您必须准确摆弄您抓取子图像的位置。当我这样做时，我似乎总是需要一些调整，所以期望花一些时间在最后让它正确显示。

来源

2012-07-15 21:14:24

谢谢大卫！我赞赏它背后的理论。 – 2012-07-15 21:52:41

跨越多个UITableViewCells（分组）的跨越背景图像

回答

相关问题