OGeek|极客世界-中国程序员成长平台

标题: ios - Xcode 自动布局和自适应设计 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 15:09
标题: ios - Xcode 自动布局和自适应设计

我过去曾使用过自动布局，但从来没有真正使用过需要根据屏幕尺寸调整元素之间间距的设计，我有点迷失了如何做到这一点的限制。

这是我的元素的布局方式:

这是它在预览中的样子:

如您所见，它在 2 个较大的屏幕上看起来不错，但一旦达到 4 英寸，2 个链接就会堆叠在一起。顺便说一句，我设置它的方式是从登录标签到忘记密码？链接基于顶部布局指南并且还没有帐户？通过 Facebook 注册按钮的标签基于底部布局指南。

我是否可以在所有设备上获得相同(或至少接近)的间距？

提前感谢您的帮助!

---

Best Answer-推荐答案

使用允许变量定位的约束(如 ≤ 和 ≥)。

1. 设置“忘记密码？”之间的距离“还没有账户？”必须大于或等于 (≥) 您希望分隔 2 个标签的最小距离 (100 像素)。
2. 接下来，在“登录”按钮和“忘记密码？”之间设置约束，必须小于或等于它们之间的当前距离(60 像素)。
3. 使用“注册”按钮和“还没有帐户？”执行相同的操作。使它们之间的距离小于或等于它们之间的当前距离(60 像素)。

要像这样创建变量约束，请创建一个法线等于约束，然后转到界面构建器中右侧实用工具侧栏的约束选项卡。单击您刚刚创建并希望更改为变量约束的约束，然后单击“编辑”。您可以在“常量”旁边的下拉菜单中更改约束类型。

如果您还有其他问题，请随时提问。

关于ios - Xcode 自动布局和自适应设计，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29987917/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4