Панель поиска и кнопка неправильно расположены в альбомной ориентации, несмотря на ограничения

Question

Я пытаюсь добавить ограничения к своим кнопкам и элементам панели поиска, и они отлично работают в портретном режиме на нескольких платформах, включая ipad, но как только я перехожу на альбомную ориентацию, все тормозит и ограничения показывают конфликты только на Iphone. Интересен тот факт, что альбомный режим на Ipads полностью работает и работает так, как я себе это представляю. Я новичок и учусь, поэтому, возможно, что-то упустил, у кого-нибудь есть идеи, почему это странное поведение?

Проект не имеет причудливой структуры, просто вытащил шаблон одностраничной страницы по умолчанию в visual studio, а также кнопку и SearchBar.

Добавление gif ниже с раскадровкой, над которой я работаю:

Answer 1

Причина:

Давайте возьмем iPhone 8 в качестве примера:

Размер iPhone 8 составляет 375 × 667.В вашем случае, в портретном режиме , вы устанавливаете верхний интервал между кнопками равным 200.И вы установите расстояние между кнопками по вертикали равным 200.Это нормально, потому что достаточно места для кнопки (высота кнопки 667-200-200 = 267).

В то время как в режиме Пейзаж , вы найдете тамнедостаточно места для кнопки . (375-200-200 = -25).Таким образом, вы получаете конфликты.

Пейзажный режим на Ipads полностью в порядке и работает так, как я себе это представляю.

Это, вероятно, вызвано высотой Ipadsэтого достаточно для поддержки ограничений, так как мы знаем, что iPad больше iPhone.

Решение :

Обратите внимание на причину, которую я упомянул выше.Вы также можете указать размер кнопки.