13 - Главные экраны
Главные экраны
Интеграция повторяющихся элементов, таких как панели навигации, в систему дизайна может быть сложной задачей, поскольку эти элементы обычно требуют небольших изменений на каждом экране. Чтобы упростить эту задачу, Quant-UX поддерживает главные экраны (Master Screens).
Когда использовать
Прототипы часто используют одни и те же элементы дизайна на нескольких экранах. Примеры включают, например, панели навигации или визуальные стили для текста и кнопок. Самый простой способ поделиться элементами — это скопировать их с одного экрана на другой. У этого подхода есть значительный недостаток: если вы захотите изменить стиль элементов, вам придётся вносить изменения на всех экранах.
Как это работает
Для таких сценариев мы ввели главные экраны в Quant-UX.com. Главный экран — это своего рода символ для экранов, который различные экраны вашего приложения могут расширять. Изменения в главном экране автоматически обновляются во всех связанных экранах. Это похоже на главный слайд в PowerPoint, но мы расширили эту концепцию, чтобы ещё больше повысить производительность.
В Quant-UX вы можете расширять (или переопределять) главный экран для выбранных элементов, например, чтобы выделить текущую позицию в потоке экранов.
Установка главного экрана
Сначала вам нужно создать главный экран. Он может содержать, например, панель навигации, которая должна быть общей для всех других экранов.
После его создания вы можете создать новый экран и разместить его на полотне. Выбрав экран, вы можете указать главный экран в разделе «Главный экран» (Master Screen), нажав на «Добавить главный экран» (Add Master Screen). Теперь все элементы с главного экрана будут скопированы на дочерний экран.
Расширение главного экрана
Если вы хотите изменить стиль элемента, скопированного с главного экрана, вам нужно явно включить редактирование. Выберите элемент и нажмите «Включить редактирование» (Enable Editing). На панели свойств справа необходимо активировать редактирование. После этого вы сможете, например, изменить цвет шрифта, чтобы дать визуальную подсказку.
No Comments