如何为通用应用程序制作自动布局

Posted

技术标签:

【中文标题】如何为通用应用程序制作自动布局【英文标题】:How to make Auto Layout for Universal App 【发布时间】:2015-06-03 22:09:54 【问题描述】:

我现在正在做一个通用应用程序;我遇到了自动布局的问题;我需要在所有设备上制作两个大小相同的视图;我使用 wAny hAny 视图制作故事板;这里是我到达的图片

iPad 上的问题,底部视图非常大,我需要这两个视图几乎相同的高度,就像 iPhone-4 英寸所附照片上的一样

以下照片显示了我的限制 以下为顶视图 以下是底视图

如果我的身高相等,那就是照片 以及随之而来的约束 这里是输出

这里的修改你看到 iPad 是问题 底视图

【问题讨论】:

【参考方案1】:

在上视图设置左右和顶部约束,在下视图设置底部,等宽,对齐前导和等高。设置两个视图之间的垂直间距。

【讨论】:

iPad 上的问题;因为大视野;与这些约束不匹配;如果我能为 iPad 做点什么特别的事;建议【参考方案2】:

如果想让两个view等高,给他们一个等高约束,消除底视图和superview顶之间的约束。您可以通过选择两个视图并从 pin 菜单中选择“Equal Heights”来进行相等的高度约束。如果您希望它们不完全相等,您可以编辑该约束以将乘数值更改为您想要的任何值。

【讨论】:

我这样做了,但并不成功;如果您知道仅适用于 iPad 的特殊限制;因为 iPad 上的主要问题;此外,如果我对两个视图的高度相同,则 iPad 上的底部视图高度将大于上视图 @user3143330,如果你给它们相同的高度,它们将是相同的——如果你没有看到,那么你做错了什么。没有看到你做了什么,我无法判断是什么。 我为我的问题进行了编辑;请检查并告诉我 顶视图不应该对超级视图的底部有约束。顶视图应该对父视图的顶部有一个约束,底视图应该对父视图的底部有一个约束,并且两个视图之间应该有空间约束。除了等高约束外,不应有任何其他垂直约束。您还需要编辑等高约束,使乘数为 1。 iPad 的问题,因为 iPad 的屏幕很大;这些约束与 iPad 不匹配;如果您知道通用应用程序自动布局的好教程;请指教

以上是关于如何为通用应用程序制作自动布局的主要内容,如果未能解决你的问题,请参考以下文章

滚动视图和 UI 组件的通用自动布局

如何为不同设备自动布局应用程序。

使用自动布局适应所有设备

如何为动态创建的控件实现自动布局?

如何为具有动态高度的表格单元格正确设置自动布局?

iPad屏幕不支持自动布局