Проблемы с автомакетом на больших устройствах

Вот предложение для вас. У вас есть примерно семь областей интереса. Первая — это заголовок «Регистрация Кано…» и т. д. Затем идут 5 областей ввода текста — имя, электронная почта, пароль и т. д. Наконец, у вас есть 3 небольшие строки информационного текста — я бы посчитал это последней областью, поэтому 7 в целом.

Что бы я сделал, так это создал бы 7 родительских UIView, чтобы поместить эти вещи. Я бы дал им ограничения «равной высоты» и заставил их сидеть выше и ниже друг друга без зазора. Затем, когда экран iphone меняет высоту, эти области растягиваются по высоте, чтобы заполнить область. Вот грубый макет:

Выберите все эти UIViews и выберите ограничение «равной высоты»:

Тогда каждому представлению, кроме нижнего, нужны эти ограничения (верхнее, ведущее к суперпредставлению 0px)

Тогда вашему нижнему виду тоже нужны эти плюс «дно»:

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

Если вы намерены ориентироваться на пользователей iOS 9, вам следует использовать UIStackView, the provide a lot of гибкость с точки зрения выравнивания и распределения. Если нет, то вы или ваша команда дизайнеров должны найти решение.

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

Что-то вроде :

myControl.heightConstraint.constant += 20.0f

Я бы сделал так, но вам нужно решить, как вы обновите свой макет для больших устройств.

@Krunal, вы можете использовать класс размера и установить соответствующие ограничения, чтобы получить краткое представление о том, как адаптировать дизайн пользовательского интерфейса для каждого устройства !!

вы можете установить ограничения относительно высоты вашего базового вида. Это сделает ваши объекты интерфейса равномерно распределенными по макету. Предположим, у вас есть 8 регионов. для registerLabel

registerLabel.leading = baseView.leading
registerLabel.trailing = baseView.trailing
registerLabel.top     = baseView.top
registerLabel.bottom  = baseView.bottom * (1/8)// it will be always proportional to height of view

то для иконок в начале firstIcon

firstIcon.leading = baseView.leading + 10
firstIcon.height  = firstIcon.width
firstIcon.height  = baseView.height*(1/9)// to give a gap between icons
firstIcon.bottom  = baseView.bottom * (2/8)

а затем вы можете установить ограничения текстового поля в соответствии с firstIcon

для других значков вы можете использовать 3/8, 4/8, 5/8, 6/8 и установить относительные ограничения текстовых полей в соответствии с этим значком.

и, наконец, для кнопки registerMe

registerButton.leading  = baseView.leading
registerButton.trailing = baseView.trailing
registerButton.bottom   = baseView.bottom
registerLabel.height    = baseView.height * (1/8)

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

baseView - вид контроллера.

Что здесь происходит, вы сохранили ширину в соответствии с супервизором, т.е. шириной телефона, но ваша высота фиксирована.

Сделайте одну вещь вместо того, чтобы задавать ограничение по высоте, используйте соотношение сторон в сочетании с начальным, конечным и верхним ограничением. Когда представление будет растягиваться по ширине, высота вашего компонента также увеличится и заполнит дополнительное пространство для iphone 6.

Это лучшее, что вы можете сделать, сохраняя тот же макет и шаблон дизайна.

Кажется, вы указали фиксированную высоту в представлениях.

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

Поэтому попробуйте разделить часть View, тогда зависимость ограничений уменьшится.

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

Затем начните задавать те же ограничения для кнопки «Регистрация». Конечно, это поможет вам в решении этой проблемы.

Эй, лучшее решение для вас - это stackView. Объедините свои объекты в одном stackView. Вы можете комбинировать свой объект по вертикали, а также по горизонтали. Это уменьшит ваше пространство, а вид будет организован удивительным образом. Вы можете выбрать свои объекты следующим образом. Нажмите здесь, чтобы собрать его в стопку. Теперь вы можете уменьшить пространство таким образом.