ios - 水平和垂直重复图像

Question

我想重复下图:

实现如下背景:

我尝试了一些代码如下:

bluePatternView.backgroundColor = [UIColor colorWithPatternImage:
    [[UIImage imageNamed:@"blue_pattern.png"] stretchableImageWithLeftCapWidth:0 topCapHeight:0]];

和:

bluePatternView.backgroundColor = 
    [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"blue_pattern.png"]];

我也尝试用 CGContextDrawTiledImage 绘制图像但没有成功。

怎么做到的？!

编辑:实现 luk2302 的结果。请通过投票给予他认可

bluePatternView.backgroundColor = 
  [UIColor colorWithPatternImage:[UIImage imageNamed:@"blue_pattern.png"]];

结果:

Answer 1

我在 images.xcassets 中找到了解决方案，

第 1 步:- 将图像放入 images.xcassets

第 2 步:- 点击图片，然后点击右下角的“Show Slicing”

第 3 步:- 点击开始切片

第 4 步:- 点击“水平和垂直切片”按钮

第 5 步:-在这里您将看到 3 条水平和 3 条垂直切片线。

• 将最左边的垂直线放在图像的左侧，将最右边的两条垂直线放在图像的右侧。
  
• 将最上面的线放在图像的顶部，将最下面的两条线放在图像的底部。
• 因此最终结果将如下所示。

第 6 步:-使用此图片。

现在图像将重复。

注意:- 如果您对 2x 图像进行切片，它只会重复 2x 图像，对于 3x 图像，您需要进行相同的切片。

Example by Apple