IOS中不同屏幕的按钮位置问题

Posted 2023-03-12

【中文标题】IOS中不同屏幕的按钮位置问题

【英文标题】：Button position issues in different screens in IOS

【发布时间】：2017-08-26 10:49:08

【问题描述】：

我在视图控制器中设置了一个子视图，其中有一个按钮我设置了该子视图的约束并在不同的屏幕上预览它在预览中看起来很好但是当我在不同的屏幕上运行时它会改变位置。子视图位于视图控制器的左下方。我使用的约束是，

【问题讨论】：

如果你想让它保持在视图控制器的左下角，那么你只需要四个约束：前导、底部、高度、宽度。它只会粘在那里。

你看过屏幕截图吗？ @Amit

嘿 Oneeb，您需要将相对高度约束和纵横比设置为 1:1，而不是固定的高度、宽度约束。否则，在较小的屏幕中，按钮会重叠

我已经使用了所有这些约束，但是当我在真实设备上测试它时，它出现在按钮上方，我不知道为什么。 @Amit

您添加的约束将设计 UI 在 6 和 6 上看起来不错，但对于 5，您必须使 UI 可滚动。

【参考方案1】：

以编程方式和使用情节提要有不同的方法。

借助这些链接，我在我的项目中使用情节提要实现了这一点：

Xcode AutoLayout, Make Margin proportional with height autolayout - make height of view relative to half superview height

请检查它是否对您的场景有帮助。