图像内的 UIButton 填充从四面八方答案

【问题标题】：UIButton padding inside Image from all sides图像内的 UIButton 填充从四面八方
【发布时间】：2018-07-28 12:11:15
【问题描述】：

我有一个带有 a)Image 和 b)Background Image 的按钮 - 都内置在情节提要中。由于背景图像具有不同的形状，因此图像从按钮中弹出。我想给实际图像（a）从各个方面进行一些填充，以便它可以在背景图像内收缩。我不能用插图来做到这一点，因为当相同的插图设置到相反的两侧时，它们只会给非对面提供填充 - 图像不会缩小。很高兴知道它是如何在故事板和编程中完成的。

【问题讨论】：

您可以制作一个父视图，然后将图像放入其中，将图像的约束设置为与父视图的每个边缘的间距为 16（例如）。
对不起，如果问题不清楚，Image是按钮图像，而不是UIImageView，那么如果它们是相同的东西，你怎么能在按钮和图像之间放置约束
你不需要。只需创建一个父 UIView，然后在您的 UIButton 和这个新父级之间添加约束
您可以，选择您的 UIButton，然后使用 Editor > Embed In > View ，设置按钮与其新创建的父级之间的约束。然后设置父级的约束
我认为你没有明白这一点。如果我设置约束，它将位于按钮的边缘 - 而不是其中的图像。我希望我的背景图像保持不变，但缩小按钮图像

标签： ios swift xcode uibutton uiimage

【解决方案1】：

您应该将按钮设置为填充图像。这样做可以让您使用图像插图作为填充。请注意，这会拉伸图像，因此如果您想要正确的宽高比，则需要在左/右与上/下正确填充。

在 Storyboard 中，您可以在按钮控制部分执行此操作。然后调整按钮的图片插图。

在你这样做的代码中。

button.contentVerticalAlignment = .fill
button.contentHorizontalAlignment = .fill
button.imageEdgeInsets = UIEdgeInsets(top: 5, left: 10, bottom: 5, right: 10)

【讨论】：