Autolayout и пропорциональное позиционирование

Question

Я полагаю, что моя ситуация должна быть общая проблема, но я действительно новичок в AutoLayout и мне кажется особенно сложным:

Я хочу сделать макет быть подходящим с 3,5 дюйма и 4-дюймовые экраны. Это вид на 4 дюйма отображает:

А вот вид на дисплей 3,5 дюйма:

Что мне нужно, по существу, делает пространство между сегментированная и желтый и синий вид пропорциональны размеру экрана, я полагаю.

Мой раствор (который не работает):

1) Добавление ограничений для верха/низа вертикальных пространств управления с использованием сегментом less or equal to.

2) Добавление ограничений на другие виды для сохранения их позиций (например, синий вид имеет нижнее расстояние до основного вида, равное нулю, желтый вид имеет фиксированный верхний интервал).

На мой взгляд, ограничения точки 1) просто уменьшаются, когда основной вид масштабируется ... но этого не происходит ... и вид сегмента просто перемещается за другие виды, поддерживая расстояние, определенное как max значение определения «Меньше или равного».

Как решить эту общую проблему?

Придется ли мне создать spacer для этой ситуации? и в таком случае, как вы их настроили?

Answer 1

Существует чистый autolayout раствор:

1. Добавить вертикальное пространство ограничение [yellowView] - (80 @ 500) - [segmentView]
2. Добавить второе вертикальное пространство ограничение [segmentView] - (> = 5) - [blueView]