按钮在故事板上看起来很奇怪

时间:2016-06-27 13:01:56

标签: ios xcode image uibutton

我正在尝试修复一个很酷的按钮,但由于某种原因,它在故事板中看起来很奇怪。谁知道为什么?

enter image description here

当我使用我拥有的图片作为背景时,这就是它的样子

enter image description here

这就是我设置图片时的样子。

这是我用于按钮的图像:

enter image description here

所以我的问题基本上是无论如何使用这个图像填写整个按钮区域,所以它看起来不错?

谢谢

修改

当我使用andres代码时:

enter image description here

EDIT1

以下是最终结果:

enter image description here

2 个答案:

答案 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)

插图指定要保留图像的哪些部分(在这种情况下为10点以保留图像左侧和右侧的圆角)以及要重复的内容(从左侧和右侧10个点内的所有内容)

希望它有所帮助。

答案 1 :(得分:0)

可能使用AspectFit作为视图的内容模式。我会尝试将其设置为某些版本的"填充"。这看起来就像使用它作为背景一样。它正在用你的图像填充按钮并扭曲它。

我不确定我的头脑,但也许这样的事可能有效

[[button imageView] setContentMode: UIViewContentModeScaleAspectFill];