Skip To Content

Виджет Меню

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

Пример

Используйте этот виджет для поддержки требований к разработке приложений, таких как:

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

Примечания по использованию

Как правило, меню размещается в верхней части страницы, в заголовке или в теле страницы. Виджет Меню автоматически заполняется страницами, ссылками и папками по мере их появления в панели Страница. Имена страниц, папок и ссылок отображаются в меню в том порядке, в котором вы их разместили, пока вы не нажмете кнопку Скрыть в меню. Страницы и ссылки, вложенные в страницу или папку, отображаются в виджете Меню в виде ниспадающего меню. Папка предоставляет ниспадающее меню, которое позволяет щелкнуть по верхнему уровню без изменения страницы. Пользователи взаимодействуют с меню, наведя курсор мыши на ссылку или щелкнув ее, что обеспечивает обратную навигацию к страницам вашего интерфейса.

Настройки

Виджет Меню включает в себя следующие настройки:

  • Тип — Определите положение и внешний вид меню: горизонтальное, вертикальное или значок. Тип Значок вертикально сворачивает меню в модальное окно слева или справа от приложения.
    • Режим разворачивания подменю — подменю может отображаться для конечных пользователей как развернутое или свернутое. Этот параметр доступен только для вертикального типа меню и типа меню значок и отображается в приложении только в том случае, если оно содержит вложенные страницы или ссылки.
  • Внешний вид — задайте внешний вид пунктов меню с помощью следующих параметров:
    • Стиль — выберите стиль меню: по умолчанию, подчеркивание и таблетки. Цвета для каждого стиля наследуются из темы вашего приложения.
    • Интервал — задайте интервал в пикселах между страницами, перечисленными в меню.
    • Выравнивание — определите размещение текста для каждого элемента меню. Например, если вы создадите горизонтальное меню и выберите стиль Подчеркивание, названия страниц выровняются по линии: по левому или правому краю или по центру.
    • Показать значок - отображение значка для каждого элемента меню, который обозначает его как страницу, ссылку или папку.
  • Дополнительно — отменяет тему вашего приложения и позволяет задать цвет фона меню, текста, значки, цвета границ, их размер и стиль.
    • Фон — добавьте цвет фона в меню.
    • Состояния — задайте визуальное представление состояния меню, используя различные настройки для текста и границ. Например, выделите жирным шрифтом текст, увеличьте размер шрифта и используйте другой цвет фона и стиль границы для состояния Выбрано.
      • Обычный — состояние по умолчанию для меню без взаимодействия с пользователем.
      • Наведение курсора — пользователь инициирует это состояние, наведя курсор на ссылку в меню.
      • Выбранное — выборка пользователя в меню.
      Подсказка:

      Чтобы поэкспериментировать с этими опциями, нажмите Реальный вид на панели инструментов конструктора.