ios - UIButtons 在横向和较小的设备上被压扁

Question

我通过在垂直堆栈 View 中嵌套水平堆栈 View 来为我的应用程序构建 UI。在 iPhone 8 Plus 上，UIButtons 在纵向和横向方向上均按设计显示。下面是 iPhone 8 Plus 模拟器上的横向屏幕截图。

堆栈 View 采用 Fill Alignment 和 Fill Equally Distribution。每个按钮的内容模式都设置为 Aspect Fit，当在较小的设备上进行测试时，UIButton 会被压扁，并且会失去纵横比。下面是 iPhone SE 模拟器上的横向屏幕截图。

如何防止图像被挤压？

Answer 1

您可以以编程方式设置图像并将按钮的 imageView 的 contentMode 设置为 center 或 aspectFit。

settingsButton.imageView?.contentMode = .center
settingsButton.setImage(UIImage.init(named: "imagename"), for: .normal) 

或者您可以更改 UIButton 的约束，并为高度和宽度提供 1:1 的纵横比。