使用自动布局为登录屏幕设计自适应布局

Posted 2023-03-15

【中文标题】使用自动布局为登录屏幕设计自适应布局

【英文标题】：Design adaptive layout for login screen using autolayout

【发布时间】：2018-06-20 09:46:22

【问题描述】：

大家好，我是 ios 开发的新手。目前我正在学习自动布局。我正在尝试设计一个登录屏幕，但我的设计在不同的屏幕尺寸上看起来并不完美。我想根据屏幕大小调整 uielements 之间的垂直间距。谁能帮助我怎么做？谢谢:)

【参考方案1】：

超级简单的方法是将所有uielement嵌入垂直stack view。 并根据您的要求设置间距或分布，尽情享受吧！

【参考方案2】：

你可以使用滚动视图。

或者

将“欢迎用户”设置为顶部约束，将“新用户？点击收听”设置为底部约束。 和其他设置垂直间距约束并设置关系大于等于。

【讨论】：

我设置了大于等于与视图垂直空间的关系。但它显示不等式约束歧义错误

您不能将所有约束设置为大于等于与垂直空间的关系。

【参考方案3】：

另一种选择是设置：

在容器中水平对齐约束以将所有项目定位在中心。 在容器中垂直设置它们的垂直位置（在乘数中输入不同的值以查看适合您的值） 每个项目的宽度与您的视图相等，然后再次在乘数中输入所需的值