Repeat image horizontally and vertically

Question

I want to repeat the following image:

to achieve the following backgro

Answer 1

I found solution in images.xcassets,

Step 1:- Put your image to images.xcassets

Step 2:- Click on image, then click on bottom right corner written “Show Slicing”

Step 3:- Click on Start Slicing

Step 4:- Click on "Slice Horizontally and Vertically" button

Step 5:- Here you will see 3-Horizontal and 3-Vertical slice lines.

• Put the most left vertical line to left side of image and both right most lines to right side of image.
  
• Put the most top line to top of image and both bottom most lines to bottom of image.
• So the final result will be looking like this.

Step 6:- Use this image.

And now image will be repeated.

Note:- If you give slicing to 2x image it will repeat just 2x image, for 3x images you need to do the same slicing.

Example by Apple