Проблема AutoLayout при попытке отображения на iPad или экранах меньшего размера

Question

Я пытаюсь создать приложение с этим пользовательским интерфейсом.

У меня много проблем, потому что это похоже на ромб.

Я пытался использовать вертикальный стек, и это мои предварительные просмотры и мои ограничения.

Я пытался использовать соотношение сторон (1: 1,13, потому что они не квадратные), чтобы изменить размер на всех экранах, но на iPad это намного больше. Есть ли способ сделать его меньше на iPad? Я новичок в авто макете, поэтому прошу прощения, если этот вопрос не является правильным.

Answer 1

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