iOS auto layout: как разработать различные макеты для iPad-ландшафта и iPad-портрет в раскадровке Xcode?

Question

Я новичок в размерном классе и макете в iOS. Я практикую то же самое с помощью небольшого приложения. Ниже я пытаюсь достичь с помощью автоматической компоновки и размерного класса. Ниже приведены скриншоты для iPad и iPad.

IPad Портрет :: 3 подвиды здесь есть серый вид, зеленый вид, розовый вид.

серый view- 3/4-я высота супер зрения,/3-й ширина 2 супер зрения зеленый view- 3/4th высота супер зрения,/3th ширина супер зрения розовый view- 1/4th высота 1 супер-вид, такая же ширина, что и супер-вид

iPad-ландшафт :: такие же 3 подставки, как и для iPad, но в несколько разных положениях.

серые view- такой же высоты, как супер вид, 2/4-ый ширин супер зрения зеленый view- такой же высоты, как супер зрение, 1/4-ый ширин супер зрения розовых view- такой же высот, как супер вид, 1/4-ого width of super view

Я могу управлять с автоматическим расположением, если есть два подзаголовка. Но я не могу достичь того, что описано выше. Кроме того, я хочу иметь разный дизайн макета в iPad-портрет и пейзаж.

Answer 1

Посмотрите также на новый адаптивный конструктор интерфейсов: «что нового в построителе интерфейса» от WWDC2014 https://developer.apple.com/videos/wwdc/2014/ и см. Проектирование различных пользовательских интерфейсов для разных размеров экрана - больших, малых, по умолчанию.

EDIT: Давайте начнем с создания одного UIView внутри ViewController: uiview in uiviewcontroller

После этого выберите UIView и нажмите редактор ограничений в нижнем правом углу («привязывать боец», как значок). editing constraints

Выберите верхнюю и левое ограничение на 0 (снимите галочку «ограничить на полях»): constrains

Control + перетаскивание с вашей точки зрения на фоне зрения и выбрать одинаковую ширину: equal widths

Выберите ваш и справа на панели выберите Инспектор размеров. У вас есть список всех ограничений. Выберите ширину равенства: Superview и нажмите «Изменить». Выберите множитель, например. 1/2: proportional constrain.

Добавить дополнительные два вида и сыграть с ограничениями: добавив пространство для ближайшего соседа и других, чтобы получить то, что вы хотите.

Важный шаг: щелкните по любому какому-либо узлу в нижней части конструктора интерфейса и выберите обычную ширину | любой высоты. [w any h any Сначала вы создали общие ограничения. Теперь вы создадите более конкретные ограничения для так называемого класса размера (класс, представляющий размер экрана в зависимости от модели и ориентации устройства). Вы можете создать другой набор ограничений, как в моем предыдущем описании.

Желаю вам удачи.