Поделиться через


Добавление панелей приложения AppBar и панелей инструментов ToolBar (HTML)

[ Эта статья адресована разработчикам приложений среды выполнения Windows для Windows 8.x и Windows Phone 8.x. В случае разработки приложений для Windows 10 см. раздел последняя документация]

Используйте панели приложений AppBar для отображения команд, соответствующих пользовательскому контексту (как правило, для текущей страницы или выбранного объекта). Панель приложения AppBar представляет собой командную поверхность, которая переходит в открытое состояние, когда пользователь нажимает многоточие на ней, после чего отображаются метки для кнопок значков и элементов меню (если они включены). Объект AppBarCommand может быть либо "основным", либо "дополнительным". Основные команды отображаются в качестве кнопочных команд в области действий на панели приложения AppBar, а дополнительные команды всегда скрыты и имеют вид команд меню в области переполнения. Панели приложений AppBar следует располагать в верхней или нижней части экрана приложения. Они всегда перекрывают холст.

Образец панели приложения

Панель инструментов ToolBar — это специализированная форма панели приложения AppBar. Она представляет собой простой элемент управления, обеспечивающий масштабируемость команд. В этом элементе управления имеется область действий, в которой можно получить непосредственный доступ к командам, а также область переполнения, где команды скрыты, но их можно отобразить по запросу пользователя. Элемент управления поддерживает адаптивное поведение, позволяя командам динамически перемещаться из основной в дополнительную область, если пространство ограничено. Панель инструментов ToolBar не ограничена отдельным местом в приложении и может находиться в различных местах, например на панели приложения AppBar, во всплывающем элементе Flyout и на холсте canvas.

Можно пытаться работать с панелями приложений AppBar, панелями инструментов ToolBar и другими ключевыми функциями библиотеки Windows для JavaScript (WinJS) на веб-сайте Try WinJS.

Важно помнить, что панели приложения AppBar и панели инструментов ToolBar отличаются только в некоторых указанных ниже случаях.

  • Панель приложения AppBar — это исчезающее наложение. Соответственно, она всегда будет закрывать некоторую часть экрана.
  • Как и все исчезающие наложения, панель приложения AppBar всегда должна быть прямым дочерним элементом для элемента <body>.
  • Когда панель инструментов ToolBar закрыта, она не представляет собой наложение. Это означает, что у нее, как и у любого другого компонента, должно быть собственное пространство в макете.
  • Когда панель инструментов ToolBar открыта, она ведет себя как наложение, перекрывая окружающее содержимое, так как она разворачивается по вертикали.

В этом разделе

Тема Описание

Добавление панели инструментов ToolBar с командами (HTML)

ToolBar является простым элементом управления, обеспечивающим масштабируемость команды. Он содержит action area, где команды незамедлительно доступны, и overflow area, где команды скрыты, но могут быть отображены по требованию пользователя. Элемент управления поддерживает адаптивное поведение, позволяя командам динамически перемещаться из основной в дополнительную область, если пространство ограничено. Панель инструментов ToolBar не ограничена отдельным местом в приложении и может находиться в различных местах, например на панели приложения Splitview, во всплывающем элементе Flyout и на холсте canvas.

Добавление панели приложения AppBar с командами (HTML)

В данной статье рассказывается, как добавить панель приложения AppBar в приложение среды выполнения Windows с помощью JavaScript.

Добавление панели приложения AppBar с настраиваемым содержимым (HTML)

С помощью JavaScript можно добавить панель приложения AppBar с настраиваемым содержимым в приложение Магазина Windows.

Настройка панели приложения для работы с элементами управления ListView

В данной статье рассказывается о взаимодействии между элементом управления ListView и панелью приложения AppBar, а также о том, как поддерживать такие сценарии при следовании рекомендациям по использованию панели приложения AppBar.

Стилизация панелей приложения AppBar и панелей инструментов ToolBar (HTML)

Содержит примеры применения стилей к AppBar и ToolBar, а также к их элементам управления.