iOS пропорциональное масштабирование элементов с относительным расстоянием до области просмотра

Question

Я дизайнер, которому нужна помощь умных разработчиков. Пожалуйста, не выбрасывайте меня только сейчас. = P

В настоящее время у меня есть три открытых артборда в Sketch - размеры устройств iPhone SE, iPhone 8, iPhone XS Max. Там в форме круга, по центру. Все артборды @ 1x. Форма размером 256 пикселей будет одинакового размера для всех размеров устройств, при условии, что все устройства имеют @ 1x. Просто расстояние между формой и окном просмотра увеличивается.

Без масштабирования ...

Есть ли собственный способ iOS масштабировать его на основе относительногорасстояние до области просмотра?

Пример с пропорциональным масштабированием на основе относительного расстояния до области просмотра

Обратите внимание, что форма будет состоять из различных элементов, таких какграфики, отображающие различную информацию. Я выбрал простую форму, чтобы прояснить точку.

Я задаю этот вопрос, потому что форма круга будет очень заметным элементом, и было бы стыдно, если его размер сильно ограничен тем фактом, что iPhoneНеобходимо должным образом поддерживать SE.

Большое спасибо за вашу помощь!

Answer 1

Добавьте следующие ограничения:

1. Отцентрируйте круговое представление горизонтально относительно его суперпредставления.
2. Используйте ограничение Equal Widths , чтобы установить ширину круга, равную ширине его суперпредставления, с множителем 0.8.
3. Установите высоту вида круга, равнуюширина представления круга с использованием ограничения Aspect Ratio с множителем 1.
4. Наконец добавьте ограничение верхнего края из круга в его суперпредставление с константой 32.

Это сделает круг на 80% ширины вида с остальными 20%, равномерно разделенными (по 10% каждый) на две стороны, и высота будет расти в соответствии с шириной.