Repeat изображение по горизонтали и по вертикали

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 без успеха.

Как это можно сделать ?!

EDIT: результат реализации luk2302. пожалуйста, дайте ему признание upvoting

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

результат:

Answer 1

Как мой комментарий уже сказал: использовать

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

Вы не хотите, чтобы растянуть изображение. Пусть UIKit позаботится о повторении.

Предполагая, что ваш bluePatternView является фактическим большим представлением, для которого вы хотите установить шаблон в качестве фона. Возможно, вы задаете свойство фона неправильного представления, если этот код все еще не работает.

Примечание: дублируя ЖЕ изображение с @ 2x и 3x @ расширение приведет к behaive правильно для лучших устройств разрешением.

Answer 2

это с пыльник Метод с использованием stretchableImageWithLeftCapWidth как таким образом: -

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]]; 

Answer 3

Я нашел решение в images.xcassets,

Шаг 1: - Поместите изображение в изображения.xcassets

Шаг 2: - Нажмите на изображение, затем нажмите на правом нижнем углу написано «Показать Строгание»

Шаг 3: - Нажмите на Start Строгание

Шаг 4: - Нажмите на кнопку «Slice Horizontally and Vertically»

Шаг 5: - Здесь вы увидите 3-горизонтальные и 3-вертикальные линии среза.

• Поместите самую левую вертикальную линию левой части изображения и как правой, так и большинство линий правой части изображения.
  
• Поместите самую верхнюю строку в верхнюю часть изображения, а нижнюю часть - в нижней части изображения.
• Таким образом, конечный результат будет выглядеть следующим образом.

Шаг 6: - Используйте этот образ.

И теперь изображение будет повторено.

Примечание: - Если вы дадите нарезка в 2 раза изображение будет повторяться только 2x изображения, для 3х изображений вы должны сделать то же нарезку.

Example by Apple

Answer 4

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