Autolayout сделать дизайн в соответствии с размером экрана

Question

Привет, ребята. Я хочу сделать дизайн в соответствии с размером экрана. Например, весь мой дизайн использует autoresizingmask, но теперь я хочу использовать AutoLayout

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

Как я могу это сделать? Я пытаюсь установить начальное пространство, конечное пространство, верхнее пространство, нижнее пространство, ширину, высоту, ограничения Я не могу получить Идея

Как мне достичь?

Answer 1

leading и trailing пространство будет намного проще, чем пропорциональная ширина.
Также обратите внимание, что связать ограничение просмотра с SafeAreaLayoutGuide

Попробуйте и посмотрите:

Предварительный просмотр с устройством iPhone-X:

Answer 2

(1) Красный вид

Я устанавливаю центр x, y вида для родителя и задаю его пропорциональную ширину и высоту для родителя

(2) Светло-серый UIbutton

Я устанавливаю центр x, y вида для родителя и задаю его пропорциональную ширину и высоту для родителя

проверьте, дайте мне знать, если есть какие-либо исправления Спасибо тебе

Answer 3

В дополнение к установке ограничений на передний, задний, верхний или нижний, когда вы устанавливаете высоту / ширину, сделайте его пропорциональным, например, скажем, что у вас есть боковое меню слева, не дайте ему явную ширину, как 200/300, но сделайте его ширина равна ширине вида и задайте множитель, равный 0,5, если вы хотите, чтобы он занимал половину ширины экрана при любой ширине экрана, то же самое относится и к высоте, также используйте классы размера, если вы хотите настроить ограничение другим способом, скажем, на iPad или любой класс размера, который вы выберете

//

вы можете установить множитель для любого ограничения, если это имеет смысл, например, если начальное значение представления равно 50, как красное ниже, когда вы создаете множитель синего вида, ведущий 2, это будет 100, используйте его, когда есть значение, если 50 равнялось нулю, тогда установка множителя на что-либо не изменит начало установленного представления