Как выровнять четыре кнопки в мертвой точке в Xcode 7?

Question

Как выровнять эти четыре кнопки в центре (по горизонтали и вертикали) для размеров диффузии экранов. Я вижу разные размеры и позиции кнопок при запуске проекта в разных размерах симулятора. Есть ли способ сделать четыре кнопки в центре (и одинаковом размере) для ВСЕХ устройств?

У меня нет опыта с ограничениями, прошло некоторое время с тех пор, как я использовал Xcode. Я читал учебники о ограничениях в течение нескольких часов, но я до сих пор не понимаю, как их использовать.

Screenshot

Спасибо и счастливых праздников :)

Answer 1

Самый простой способ сделать это состоит в использовании UIStackView. Очень прост в использовании, и он автоматически управляет компоновкой кнопок.

Удалите существующие ограничения для ваших кнопок, затем выберите все четыре и выберите Редактор -> Код для вставки -> Stack View.

Добавьте два ограничения, чтобы центрировать вид стека в представлении, и все готово!

Answer 2

Да, вы можете использовать Stack View, но поддерживается только КСН 9, так что если вы пытаетесь иметь ограничения ниже КСН 9, выполните следующие шаги -

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

   a. Выровнять центр X для контроля

   b. Выровнять центр Y до супервизора

   c. Ведомая и ведущая пространство

2. Теперь добавьте первую кнопку и добавьте следующие ограничения -

   а. Центрировать по горизонтали в центре.

   b. Топ пространство от надтаблицы (как кнопки и имеет присущий размер поэтому мы не должны дать высоту и ширину, он будет рассчитывать с его содержания)

3. Теперь для остальных трех кнопок добавить следующие ограничения -

   а. Центр по горизонтали с первой кнопкой

   b. Добавьте верхнее и нижнее пространство ко всем кнопкам с их соответствующими верхними и кнопочными представлениями (кнопками). Для последней кнопки i.e 4-й добавить нижние ограничения пространства с видом контейнера.

Примечание - Теперь, когда верхняя кнопка имеет верхнее пространство ограничений с точки зрения контейнера и последней кнопки имеют донные пространственных ограничений с точки зрения контейнера и все остальные кнопки соединены друг с другом с верхним и нижним пространством, это будет определять высоту вид контейнера и ваши кнопки будут всегда отображаться в центре экрана для всех размеров.

Ниже приведена ссылка на скриншот со всеми необходимыми конструкциями, описанными выше.

Screenshot with required constraints