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