Как указано в комментариях, вы должны использовать ограничения для достижения желаемого результата.Используя ограничения aspect-ratio и proportional, вы сможете соответствующим образом масштабировать кнопки.
РЕДАКТИРОВАТЬ
Существует множество способов сделать это сautolayout.Ниже я перечисляю каждый шаг, который я выполнил для достижения этого.
- Создайте представление, переименуйте его в contentView.Этот вид будет держать три кнопки.Отцентрируйте его по горизонтали и установите ограничение низ :
Создайте ограничения
height и
width для contentView относительно его суперпредставления и измените их на
пропорциональный :
Создайте представление внутри contentView, переименуйте его в redView и измените его цвет фона на красный.Прикрепите его к
top ,
left и
right .Наконец, добавьте ограничение
пропорциональной высоты (0,5), относящееся к contentView:
Создайте представление внутри contentView, переименуйте его в blueView и измените его цвет фона на синий.Прикрепите его к
низу и
справа .Кроме того, создайте ограничение
верхнего пространства между этим видом и redView (значение 16):
Там будет некоторая раскадровкаошибки, не волнуйтесь, мы исправим их в ближайшее время.
Создайте представление внутри contentView, переименуйте его в greenView и измените его цвет фона на зеленый.Аналогично blueView прикрепите его к
низу и
слева .Кроме того, добавьте ограничение
конечного пробела между greenView и blueView (значение 32):
Наконец, создайте
равную высоту и
равную ширину ограничения между greenView и blueView.
Вот и все, теперь вы должны добавить кнопки и / или изображения к каждому виду и выполнить дополнительную логику для достижения желаемого конечного результата (добавление закругленных углови такие).