OStack程序员社区-中国程序员成长平台

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

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

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

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

Storyboard

这是它在预览中的样子:

Preview

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

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

提前感谢您的帮助!



Best Answer-推荐答案


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

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

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

Editing constraints.

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

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






欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/) Powered by Discuz! X3.4