水平和垂直重复图像

Question

我想重复以下图片：

实现以下背景：

我尝试了几个代码如下：

pkgIndex.tcl

和

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

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

如何做到这一点？！

编辑：实施luk2302的结果。请通过upvoting给予他认可

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

结果：

Answer 1

我在 images.xcassets ，

中找到了解决方案

第1步：将图片放入images.xcassets

第2步： - 点击图片，然后点击右下角写的“显示切片”

第3步： - 点击开始切片

第4步： - 点击＆＃34;水平和垂直切片＆＃34;按钮

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

• 将最左边的垂直线放在图像的左侧，将最右边的两条线放到图像的右侧。
  
• 将最顶行放在图像顶部，将最底部的行放在图像底部。
• 所以最后的结果会是这样的。

第6步： - 使用此图片。

现在图像将重复出现。

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

Example by Apple

Answer 2

bluePatternView.backgroundColor = UIColor(patternImage: UIImage(named: "blue_pattern")!)

Answer 3

您需要在资产中保存图像，然后将这些行放在viewdidload

中

bluePatternView.backgroundColor = UIColor.init(patternImage: #imageLiteral(resourceName: "f8"))

这适用于Swift 4.1。

Answer 4

使用像这样使用stretchableImageWithLeftCapWidth的Bellow方法： -

UIImage *backgroundImage = [[UIImage imageNamed:@"SheetBackground.png"] stretchableImageWithLeftCapWidth:0.5 topCapHeight:0];

作为你需要的例子： -

UIImage *backgroundImage = [[UIImage imageNamed:@"q4Ses.png"] stretchableImageWithLeftCapWidth:0.5 topCapHeight:0];

  [_scro setBackgroundColor:[UIColor colorWithPatternImage:backgroundImage]];