Autolayout和比例定位

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

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

在这里输入图像说明

这里是3.5英寸显示器的视图:

3.5英寸的显示屏

我所需要的是基本上使分割的控件和黄色和蓝色视图之间的空间成正比的屏幕大小,我想。

我的解决scheme(不起作用):

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

2)向其他视图添加约束以保持其位置(例如,蓝色视图的主视图的底部间距等于零,黄色视图具有固定的顶部间距)。

在我看来,只有当主视图缩放时,点1)的约束才会缩小…但不会发生…并且段视图仅移动到其他视图的后面,并将间距定义为“较less那么还是等于“的定义。

我怎样才能解决这个共同的问题?

我是否需要为这种情况创build隔离视图? 在这种情况下,你怎么设置它们?

有一个纯自动布局解决scheme:

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