调整 UIButton 的图像大小

Question

我有一个带有文本和图像的 UIButton。我希望图像位于文本旁边。

我的图像是 100x100 像素。结果，当我使用...

scaleAspectFit
内容水平对齐
或 imageEdgeInsets

...图像在视觉上会改变大小，但不会改变 100px 框架的大小，因为图像在按钮中占据的空间（由灰色框表示）。这会将文本推到一边。 （图 1）

我可以通过弄乱 imageEdgeInsets 值来获得正确的结果，但一次只能用于一个设备，因为按钮的大小会随屏幕大小而变化。

有没有更好的方法可以直接更改图像帧的大小，而不使用分辨率较小的图像（这会导致图像质量大大降低）？ （图二）

我在 Photoshop 上创建了所需结果的视觉表示（图 3）。

Answer 1

您可以使用如下自定义视图：

1. 在情节提要中添加视图
2. 然后将cornerRadius 添加到该视图
3. 添加一个 imageView 并设置您想要的高度和宽度。
4. 添加标签
5. 将 imageView 和 Label 包装在 StackView 中。
6. 将 StackView 约束添加到 rootView。
7. 最后将 TapGesture 添加到该 rootView 中，使其像按钮一样工作。