自动布局和比例定位

Question

我想我的情况应该是一个常见问题，但我对 AutoLayout 真的很陌生，对我来说这似乎特别复杂：

我想制作一个适合 3.5 英寸和 4 英寸屏幕的布局。 这是 4 英寸显示器的视图：

这是 3.5 英寸显示屏的视图：

我需要的基本上是使分段控件和黄色和蓝色视图之间的空间与我想的屏幕尺寸成比例。

我的解决方案（不起作用）：

1) 使用less or equal to为段控件的顶部/底部垂直空间添加约束。

2) 向其他视图添加约束以保持它们的位置（例如，蓝色视图与主视图的底部间距为零，黄色视图具有固定的顶部间距）。

在我看来，第 1 点的约束只是在主视图缩放时按比例缩小......但它不会发生......并且段视图只是移动到其他视图后面，保持定义为 的间距“小于或等于”定义的最大值。

如何解决这个常见问题？

我必须为这种情况创建间隔视图吗？在那种情况下，您将如何设置它们？

Answer 1

有一个纯粹的自动布局解决方案：

1. 添加垂直空间约束[yellowView]-(80@500)-[segmentView]
2. 添加第二个垂直空间约束 [segmentView]-(>=5)-[blueView]