Кнопка, выглядящая очень странно на раскадровке

Question

Я пытаюсь исправить прохладную кнопку, но по какой-то причине она выглядит действительно странно в раскадровке. Кто-нибудь знает почему?

Вот как это выглядит, когда я использую картину я иметь в качестве фона

И вот как это выглядит, когда я установить изображение я есть как изображение.

Это образ, который я использую для кнопки:

Так что мой вопрос в основном есть в любом случае использовать этот образ, чтобы заполнить всю область кнопки, так что хорошо выглядит?

Спасибо

EDIT

Когда я использовал Andres код:

EDIT1

Вот конечный результат:

Answer 1

я думаю, вы должны установить это в коде следующим образом:

let insets = UIEdgeInsets(top: 0, left: 10, bottom: 0, right: 10) 
let image = UIImage(named: "bt_bg")?.resizableImageWithCapInsets(insets) 
button.setBackgroundImage(image, forState: .Normal) 

в вставки определяют, какие части изображения сохранить (в этом случае 10 точек для сохранения закругленных углов слева и справа от изображения) и которые повторяться (все в пределах 10 точек слева и справа).

надеюсь, что это поможет.

Answer 2

Возможно, с помощью AspectFit используется режим содержимого вида. Я попытался бы установить это на какую-то версию «Заполнить». Это похоже на то, что использует его в качестве фона. Он заполняет кнопку вашим изображением и искажает его.

Я не уверен, что у верхней части моей головы, но может быть что-то подобное может работать

[[button imageView] setContentMode: UIViewContentModeScaleAspectFill];