是否可以使用自动布局重叠视图？

Posted 2023-02-26

【中文标题】是否可以使用自动布局重叠视图？

【英文标题】：Is it possible to have overlapping views with auto layout?

【发布时间】：2017-06-08 10:02:35

【问题描述】：

我试图让视图重叠，如下图所示，但我不知道如何使用自动布局来实现。

我尝试以编程方式进行底部视图，除了我使用界面生成器布置的按钮外，它工作正常。

如果视图可以重叠，需要什么约束，有没有办法让按钮显示在底部视图的顶部而不以编程方式进行？

【参考方案1】：

你可以这样做。

以 - 值提升第二次观看次数：

这是输出。 SecondView（绿色）已提升到-50

【参考方案2】：

您可以使用 InterfaceBuilder 制作重叠视图。首先创建顶视图，即带有图像的视图，给出其约束，如顶部、尾随、前导和底部空间。然后创建重叠视图。 重叠视图的约束可以是其尾随空间、前导空间、底部空间和高度。 然后在该视图中添加这些按钮。

【讨论】：

图像视图呢？我给了它相同的宽度和高度，并在顶视图中垂直和水平居中，但底视图隐藏了它。

如果你给 imageView 的宽度和高度相等，那么在重叠底部视图时肯定会隐藏它。

您可以将 imageview 的顶部空间设置为 0，将底部空间设置为顶部和底部视图之间所需的填充，而不是相等的高度，然后顶部视图将不会隐藏 imageView

【参考方案3】：

在界面构建器中，使用约束，将底部视图的顶部挂钩到顶部视图的底部，然后在 Size Inspector 中编辑常量以随意移动它。

它应该看起来像这样：