约束没有在不同的设备上排列[关闭]

Posted

技术标签:

【中文标题】约束没有在不同的设备上排列[关闭]【英文标题】:Constraints not lining up across different devices [closed] 【发布时间】:2017-02-12 03:39:50 【问题描述】:

我最近意识到我的限制并没有跨设备排列。我开始用谷歌方法来解决这个问题,我只能让一些设备正确对齐,但其他设备不会。有人可以向我解释如何以正确的方式进行约束吗?

设备图片:

【问题讨论】:

你设置了什么约束?你想达到什么结果? 不清楚..您到底想实现什么。根据需要通过屏幕截图或描述告诉我们每个元素在屏幕上的位置。 看看你的照片和你的问题,这是一个广泛的问题。 “教我如何约束”。这个问题的答案需要整个社区聚集在一起,并创建一个供您阅读的指南,实际上已经在这里完成了:developer.apple.com/library/content/documentation/…,查看 Youtube 教程。等等。试错。另外,请务必阅读 ***.com/help/how-to-ask 。此外,设置约束因情况而异。如果您有特定 约束问题,您可以提出来。总帐。 【参考方案1】:

我会为这种情况推荐 StackView。

    设置所有组件的高度(电子邮件字段、密码字段、登录按钮、重置按钮、创建帐户按钮)。您不应该设置默认宽度,因为您希望它根据屏幕进行调整

    将电子邮件字段、密码字段和登录按钮放入 StackView。请记住,您有两个垂直对齐的按钮,因此请将它们调整到合理的宽度。添加元素之间所需的任何距离。然后设置右上、左、右约束。

    在 stackView 中放置重置帐户按钮和创建帐户按钮。在元素之间添加您想要的任何距离。然后设置底部、左侧和右侧的约束。

    现在选择第一个 stackView。按下控制按钮并将蓝线拖到第二个堆栈。在它们之间添加垂直约束。

【讨论】:

以上是关于约束没有在不同的设备上排列[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

不同设备尺寸的 iOS 自动布局约束值

根据设备宽度重新排列网页设计

使用自动布局约束优先级来改变不同设备上的视图大小

在不同的设备上显示不同的图像[关闭]

一种将文件从一个应用程序发送到另一个应用程序(在不同设备上)的简单方法[关闭]

如何使用 Autolayout 在不同设备上保持 UIView 比例?