导航栏和导航栏之间留有50％高度的子视图的TabBar

Question

我不想以编程方式执行此操作。请告诉我故事板实现这一目标的方法。

我希望orang view到nav-bar和amp;之间空间的一半大小。的TabBar。 Refere是虚线的，我想要那个矩形的一半。

Answer 1

我可以想到有几种方法可以解决这个问题。

使用容器视图

首先是向https://cran.r-project.org/bin/linux/ubuntu/ 添加UIView以充当容器。您可以将此容器视图“固定”到导航栏的底部和选项卡栏的顶部。

现在将橙色视图添加到此容器中。通过约束将其固定到顶部，左侧和右侧。然后，您可以使用容器和0.5倍数给它相同的高度，它将具有导航栏和标签栏之间高度的一半。

使用“spacer”视图

另一种方法是使用间隔视图。添加橙色视图，然后在其下添加另一个视图。将它们分别固定在导航栏和标签栏上，并使它们之间的垂直间距为0。

现在给他们平等的高度。

这将使它们占据导航栏和标签栏之间的一半空间。

现在隐藏“间隔视图”。它会隐藏，但约束仍然有效。

这两种方法都适用于任何设备尺寸和任何方向。此外，对于边缘情况，例如卫星导航或来电改变了导航栏的高度等......

Answer 2

正如@Fogmeister所提到的你可以使用间隔视图

将它们固定并高度Equal Height。

并设置蓝色视图Hidden。

Answer 3

非常简单，添加以下约束。

将视图固定到超视图的左右约束。

使用常量64进行超视图的顶级约束固定视图以偏移导航栏。

超视图的等高度约束。将此约束的乘数更改为0.5，将常量更改为-54（64pt导航栏的一半+状态栏和44pt标签栏的一半）并更新帧。

完成工作。 ：）