Как добавить ограничения Auto Layout программно, чтобы центрировать представление в оставшемся пространстве (см. пример ниже)?
На данный момент я добавляю контейнерный снизу внизу, а затем центрирую представление в представлении контейнера, но мне было интересно, есть ли какое-либо другое решение, не нужно использовать представление контейнера.
Для этого вам нужно добавить спейсер.
Начнем с некоторых представлений:
Я настрою розовое представление, чтобы занять верхние 70% корневого представления. Сначала я привязываю его ко всем четырем краям корневого представления:
Затем я отредактирую нижнее ограничение двумя способами. Во-первых, я уверен, что первый элемент - розовый, а второй множитель равен 0,7. Затем я обновляю розовую рамку:
Далее я добавлю спейсер. Я не хочу, чтобы проставка была видна во время выполнения, поэтому я сделаю ее скрытой. Скрытые виды все еще участвуют в макете. Перед установкой ограничений я просто поместил проставку слева от синего представления:
Теперь я создам ограничения, чтобы растянуть проставку снизу розового вида в нижней части корневого представления. Ширина не имеет значения, поэтому я просто привяжу ее к левому краю супервизора и сделаю ее тонкой:
Теперь я готов настроить синий вид. Сначала я дам ему фиксированный размер:
Во-вторых, я сосредоточу его горизонтально в корневом представлении:
В-третьих, я привяжу его вертикальный центр к вертикальному центру проставки:
Чтобы все необходимые мне ограничения. Я обновлю все фреймы, чтобы проверить:
Я могу проверить его, используя Preview в помощнике редактора:
Обратите внимание, что представление проставки не отображается в предварительном просмотре, но все равно участвует в компоновке.