Виды ограничены шириной и соотношением сторон, не обновляя высоту - PullRequest
0 голосов
/ 27 августа 2018

Итак, у меня на main.storyboard есть изображение и несколько кнопок. Все они сосредоточены. Я хотел масштабировать все так, чтобы оно выглядело одинаково с точки зрения перспективы / соотношения на разных устройствах. То есть, если iPhone 8 Plus на 10 процентов больше, чем iPhone 8, я хочу, чтобы кнопки и изображение были на 10 процентов больше на Plus.

Я перешел по этой ссылке , которая сказала мне ограничить ширину объекта до определенного процента ширины экрана (например, 25%). Затем он сказал ограничить соотношение сторон, чтобы высота изменялась в зависимости от размера экрана.

Я сделал это как для кнопок, так и для просмотра изображений. Когда я смотрю на размеры объекта и переключаюсь между просмотром его через iPhone 8 Plus и iPhone SE, ширина меняется, а высота - нет. Очевидно, что ширина правильно адаптируется к размеру экрана, а высота - нет. (Обратите внимание, что это происходит для всех кнопок и изображения). Должен ли я просто ограничить высоту и избавиться от ограничения соотношения сторон? Или я могу исправить соотношение сторон, чтобы оно меняло высоту?

Дайте мне знать, если у вас есть какие-либо вопросы или комментарии, Жду ответа!

РЕДАКТИРОВАТЬ: По запросу, здесь 2 изображения ограничений. Одним из них является ограничение соотношения сторон, другим является ограничение ширины.

Aspect Ratio Constraints

Width constraint

Ответы [ 2 ]

0 голосов
/ 27 августа 2018

Взгляните на этот пример:

enter image description here

Обе кнопки имеют ограничение ширины 25% от просмотра (0,25 * ширина).

При проектировании для iPhone SE они оба 80 x 30

Кнопка B также имеет ограничение соотношения сторон 8:3

При просмотре на iPhone 8 +

enter image description here

Вы видите, что кнопка А растягивается на ширину 103,33, но ее высота остается на уровне 30 *. 1025 *

Кнопка B растягивается на ширину 103,33, но поскольку она имеет ограничение отношения ширины к высоте, ее высота также растягивается. В этом случае от 30 до 38,67

.
0 голосов
/ 27 августа 2018

Для этой работы вам нужно

1 - ограничение ширины на любой процент экрана

2- ограничение соотношения сторон

путем перетаскивания Ctrl с элемента на себя и выбора соотношения сторон во всплывающем окне, затем настройте множитель, например, средняя высота 0,5 будет равна половине ширины

3 - исходное ограничение x, y

...