Как разработать эффективную компоновку базы

Обзор

:::(Info) (ВНИМАНИЕ) Прежде чем читать эту статью, убедитесь, что вы знакомы с разделом"Как использовать базовый макет" :::

Базовый макет - это сердце форматирования вашего приложения. Правильное форматирование базового макета позволит упростить разработку каждого шага.

Как разработать эффективный базовый макет

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

Базовый макет - это дизайн, который применяется к каждому шагу приложения. Виджеты, добавленные в базовый макет, по умолчанию присутствуют во всех последующих шагах.

Доступ к базовому макету находится в левой нижней части редактора приложений.

:::(Info) (ПРИМЕЧАНИЕ) Если в базовый макет добавлены триггеры, то они будут применяться на всех шагах приложения, однако доступ к ним невозможен ни на одном шаге, кроме базового макета. :::

Поскольку базовый макет является шаблоном для остальных шагов вашего приложения, имеет смысл разместить виджеты базового макета на периферии шага.

Приведенные ниже шаги описывают создание примера базового макета и дают представление о том, как разработать свой собственный.

1. Решите, какие виджеты вам понадобятся на каждом (или почти каждом) шаге.

В качестве примера можно привести кнопки перехода к следующему или предыдущему шагу, логотип компании и таймер для отслеживания времени, затрачиваемого оператором на выполнение каждого шага.
2. Решите, где должны быть размещены эти виджеты базового макета.

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

1. Оставляйте достаточно места для нового содержимого на каждом шаге.

Виджеты на базовом макете в идеале должны быть расположены таким образом, чтобы в центре шага оставалось максимальное визуальное пространство.

1. Обратите внимание на то, какие виджеты необходимо разблокировать из базового макета.

При разработке базового макета важно отметить, какие виджеты необходимо разблокировать на определенных этапах. Постарайтесь, чтобы эти виджеты были визуально отделены от других аспектов базового макета, чтобы создать менее резкие переходы.
2. Учитывайте расширяемость дизайна базового макета.

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

Вы нашли то, что искали?

Вы также можете зайти на community.tulip.co, чтобы задать свой вопрос или узнать, сталкивались ли другие с подобным вопросом!