Введение в автоматическую компоновку в iOS, Эпизод 2: Interface Builder и автоматическая компоновка

В этом видео вы узнаете об ограничениях, их сути и о том, как их использовать в Interface Builder.

----
О www.kodeco.com:

Kodeco.com — это сайт, посвященный разработке высококачественных обучающих программ. Наша цель — взять самые интересные и сложные темы и сделать их доступными для всех, чтобы мы все могли создавать потрясающие приложения.

Мы также стремимся к развитию сильного сообщества. Наша цель — помогать друг другу достигать наших целей через дружбу и сотрудничество. Как видите ниже, для этого мы объединили усилия: авторы, редакторы, эксперты в предметной области, рецензенты приложений и, самое главное, наши замечательные читатели!

----

Из документации Apple

(https://developer.apple.com/library/c...)

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

Этот подход к проектированию, основанный на ограничениях, позволяет создавать пользовательские интерфейсы, динамически реагирующие как на внутренние, так и на внешние изменения.

Внешние изменения

Внешние изменения происходят при изменении размера или формы вашего суперпредставления. С каждым изменением необходимо обновлять макет иерархии представлений для оптимального использования доступного пространства. Вот некоторые распространённые источники внешних изменений:

Пользователь изменяет размер окна (OS X).

Пользователь переходит в режим Split View или выходит из него на iPad (iOS).

Устройство поворачивается (iOS).

Появляются или исчезают панели активного вызова и аудиозаписи (iOS).

Вы хотите поддерживать разные классы размеров.

Вы хотите поддерживать разные размеры экрана.

Большинство этих изменений могут происходить во время выполнения и требуют динамической реакции вашего приложения. Другие, например, поддержка различных размеров экрана, отражают адаптацию приложения к различным средам. Даже несмотря на то, что размер экрана обычно не меняется во время выполнения, создание адаптивного интерфейса позволяет вашему приложению одинаково хорошо работать на iPhone 4S, iPhone 6 Plus и даже на iPad. Функция Auto Layout также является ключевым компонентом поддержки режимов Slide Over и Split View на iPad.

Внутренние изменения

Внутренние изменения происходят при изменении размера представлений или элементов управления в вашем пользовательском интерфейсе.

Вот некоторые распространённые источники внутренних изменений:

Изменение отображаемого контента приложения.

Приложение поддерживает интернационализацию.

Приложение поддерживает Dynamic Type (iOS).

При изменении контента вашего приложения новому контенту может потребоваться макет, отличный от старого. Это часто встречается в приложениях, отображающих текст или изображения. Например, новостному приложению необходимо адаптировать макет в зависимости от размера отдельных новостных статей. Аналогично, фотоколлаж должен поддерживать широкий диапазон размеров изображений и соотношений сторон.

Интернационализация — это процесс адаптации вашего приложения к различным языкам, регионам и культурам. Макет интернационализированного приложения должен учитывать эти различия и корректно отображаться на всех языках и во всех регионах, которые поддерживает приложение.

Интернационализация оказывает три основных влияния на макет. Во-первых, при переводе пользовательского интерфейса на другой язык надписи требуют разного количества места. Например, для немецкого языка обычно требуется значительно больше места, чем для английского. Для японского языка зачастую требуется гораздо меньше.

Во-вторых, формат представления дат и чисел может меняться от региона к региону, даже если язык не меняется. Хотя эти изменения обычно менее заметны, чем изменения языка, пользовательский интерфейс всё равно должен адаптироваться к небольшим изменениям размера.

В-третьих, изменение языка может повлиять не только на размер текста, но и на организацию макета. В разных языках используются разные направления макета. Например, в английском языке используется направление слева направо, а в арабском и иврите — справа налево. В целом, порядок элементов пользовательского интерфейса должен соответствовать направлению макета. Если кнопка находится в правом нижнем углу окна на английском языке, то на арабском она должна располагаться в левом нижнем углу.

И наконец, если ваше приложение для iOS поддерживает динамическую типизацию, пользователь может изменить размер шрифта, используемого в вашем приложении. Это может изменить как высоту, так и ширину любых текстовых элементов в вашем интерфейсе. Если пользователь изменяет размер шрифта во в...