Добавление панелей приложения AppBar и панелей инструментов ToolBar (HTML)
[ Эта статья адресована разработчикам приложений среды выполнения Windows для Windows 8.x и Windows Phone 8.x. В случае разработки приложений для Windows 10 см. раздел последняя документация]
Используйте панели приложений AppBar для отображения команд, соответствующих пользовательскому контексту (как правило, для текущей страницы или выбранного объекта). Панель приложения AppBar представляет собой командную поверхность, которая переходит в открытое состояние, когда пользователь нажимает многоточие на ней, после чего отображаются метки для кнопок значков и элементов меню (если они включены). Объект AppBarCommand может быть либо "основным", либо "дополнительным". Основные команды отображаются в качестве кнопочных команд в области действий на панели приложения AppBar, а дополнительные команды всегда скрыты и имеют вид команд меню в области переполнения. Панели приложений AppBar следует располагать в верхней или нижней части экрана приложения. Они всегда перекрывают холст.
.png "Образец панели приложения")
Панель инструментов ToolBar — это специализированная форма панели приложения AppBar. Она представляет собой простой элемент управления, обеспечивающий масштабируемость команд. В этом элементе управления имеется область действий, в которой можно получить непосредственный доступ к командам, а также область переполнения, где команды скрыты, но их можно отобразить по запросу пользователя. Элемент управления поддерживает адаптивное поведение, позволяя командам динамически перемещаться из основной в дополнительную область, если пространство ограничено. Панель инструментов ToolBar не ограничена отдельным местом в приложении и может находиться в различных местах, например на панели приложения AppBar, во всплывающем элементе Flyout и на холсте canvas.
Можно пытаться работать с панелями приложений AppBar, панелями инструментов ToolBar и другими ключевыми функциями библиотеки Windows для JavaScript (WinJS) на веб-сайте Try WinJS.
Важно помнить, что панели приложения AppBar и панели инструментов ToolBar отличаются только в некоторых указанных ниже случаях.
- Панель приложения AppBar — это исчезающее наложение. Соответственно, она всегда будет закрывать некоторую часть экрана.
- Как и все исчезающие наложения, панель приложения AppBar всегда должна быть прямым дочерним элементом для элемента <body>.
- Когда панель инструментов ToolBar закрыта, она не представляет собой наложение. Это означает, что у нее, как и у любого другого компонента, должно быть собственное пространство в макете.
- Когда панель инструментов ToolBar открыта, она ведет себя как наложение, перекрывая окружающее содержимое, так как она разворачивается по вертикали.
В этом разделе
| Тема | Описание |
|---|---|
ToolBar является простым элементом управления, обеспечивающим масштабируемость команды. Он содержит action area, где команды незамедлительно доступны, и overflow area, где команды скрыты, но могут быть отображены по требованию пользователя. Элемент управления поддерживает адаптивное поведение, позволяя командам динамически перемещаться из основной в дополнительную область, если пространство ограничено. Панель инструментов ToolBar не ограничена отдельным местом в приложении и может находиться в различных местах, например на панели приложения Splitview, во всплывающем элементе Flyout и на холсте canvas. |
|
В данной статье рассказывается, как добавить панель приложения AppBar в приложение среды выполнения Windows с помощью JavaScript. |
|
Добавление панели приложения AppBar с настраиваемым содержимым (HTML) |
С помощью JavaScript можно добавить панель приложения AppBar с настраиваемым содержимым в приложение Магазина Windows. |
Настройка панели приложения для работы с элементами управления ListView |
В данной статье рассказывается о взаимодействии между элементом управления ListView и панелью приложения AppBar, а также о том, как поддерживать такие сценарии при следовании рекомендациям по использованию панели приложения AppBar. |
Стилизация панелей приложения AppBar и панелей инструментов ToolBar (HTML) |
Содержит примеры применения стилей к AppBar и ToolBar, а также к их элементам управления. |