在具有可变高度的两个视图下对齐第三个视图

Posted

技术标签:

【中文标题】在具有可变高度的两个视图下对齐第三个视图【英文标题】:Aligning third view under two views with variable height 【发布时间】:2016-01-08 12:02:03 【问题描述】:

自动布局问题。

如何在“A”和“B”下放置“C”视图,但我不知道“A”或“B”哪个视图会更高?我只对故事板解决方案感兴趣,而不使用堆栈视图。我希望将“C”放置在较高视图“A”或“B”下方 8 pt。视图“A”和“B”都与上部布局指南对齐。我应该如何为它设置约束?见附图:

【问题讨论】:

我询问了无代码解决方案。我可以根据计算出的视图 A 和 B 的高度在我的代码中编写任何约束,但这没有意义。 【参考方案1】:

您可以使用约束的优先级来解决此问题,而无需在层次结构中包含任何额外的视图。

必需的约束:- C -> 垂直间距:>= 8 优先 required(1000) C -> B 垂直间距:=8 优先级 high(750)

【讨论】:

很好的解决方案。谢谢!【参考方案2】:

您可以在另一个视图中嵌入 A 和 B,使视图高度依赖于 A 和 B,然后设置从该视图到 C 的距离

【讨论】:

以上是关于在具有可变高度的两个视图下对齐第三个视图的主要内容,如果未能解决你的问题,请参考以下文章

如何在带有 Flutter 的可滚动视图中拥有具有可变高度内容的 TabView?

垂直自动布局两个视图,动态高度对齐顶部

如何在具有颤动的可滚动视图中使用具有可变高度内容的TabView?

带有子视图的可变 UITableCellView 高度

Autolayout - 当一个视图具有动态高度时,在 UITableViewCell 中垂直居中两个视图

集合视图单元格垂直顶部对齐