我过去曾使用过自动布局,但从来没有真正使用过需要根据屏幕尺寸调整元素之间间距的设计,我有点迷失了如何做到这一点的限制。
这是我的元素的布局方式:
这是它在预览中的样子:
如您所见,它在 2 个较大的屏幕上看起来不错,但一旦达到 4 英寸,2 个链接就会堆叠在一起。顺便说一句,我设置它的方式是从登录标签到忘记密码?链接基于顶部布局指南并且还没有帐户?通过 Facebook 注册按钮的标签基于底部布局指南。
我是否可以在所有设备上获得相同(或至少接近)的间距?
提前感谢您的帮助!
Best Answer-推荐答案 strong>
使用允许变量定位的约束(如 ≤ 和 ≥)。
- 设置“忘记密码?”之间的距离“还没有账户?”必须大于或等于 (≥) 您希望分隔 2 个标签的最小距离 (100 像素)。
- 接下来,在“登录”按钮和“忘记密码?”之间设置约束,必须小于或等于它们之间的当前距离(60 像素)。
- 使用“注册”按钮和“还没有帐户?”执行相同的操作。使它们之间的距离小于或等于它们之间的当前距离(60 像素)。
要像这样创建变量约束,请创建一个法线等于约束,然后转到界面构建器中右侧实用工具侧栏的约束选项卡。单击您刚刚创建并希望更改为变量约束的约束,然后单击“编辑”。您可以在“常量”旁边的下拉菜单中更改约束类型。
如果您还有其他问题,请随时提问。
关于ios - Xcode 自动布局和自适应设计,我们在Stack Overflow上找到一个类似的问题:
https://stackoverflow.com/questions/29987917/
|