2016-06-27 128 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

没有工作。无论如何谢谢 –