2016-06-27 148 views
0

我想修復一個很酷的按鈕,但由於某種原因它在故事板中看起來很奇怪。任何人都知道爲什麼?在故事板上看起來真的很奇怪按鈕

enter image description here

這就是它的外觀時,我使用的圖片,我有作爲背景

enter image description here

,這是它的外觀時,我設置的圖片,我有作爲圖像。

這是我使用該按鈕的圖像:

enter image description here

所以我的問題基本上是反正是有使用此圖片填寫整個按鈕區域,所以它看起來不錯?

謝謝

編輯

當我用安德烈斯代碼:

enter image description here

EDIT1

下面是最終的結果:

enter image description here

+0

您是否嘗試設置按鈕的背景圖片?您能否在故事板上顯示按鈕的設置? –

回答

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) 

的insets指定要保留的圖像的哪些部分(在這種情況下,10個點用於保留圖像左側和右側的圓角)以及要重複的內容(從左側和右側10個點內的所有內容)。

希望它有幫助。

+0

嗨! 謝謝,這實際上工作。但我不能讓按鈕大於圖像的實際大小。如果你檢查我的編輯,這是它的樣子,當我將寬度從36改爲41時 –

+0

嘗試爲所有插入設置值10:頂部,左側,底部和右側。 –

+0

好吧,我複製你的代碼,所以是的,我100%肯定。順便說一句,我的意思是,它看起來像編輯時,我改變的高度不是寬度 –

0

它可能使用AspectFit作爲視圖的內容模式。我會嘗試將它設置爲某個版本的「填充」。這看起來像使用它作爲背景正在做的事情。它是用你的形象填充按鈕,並扭曲它。

我不知道把我的頭頂部,但也許這樣的事情可能工作

[[button imageView] setContentMode: UIViewContentModeScaleAspectFill]; 
+0

沒有工作。無論如何謝謝 –