Язык: HTML | XAML

Добавление панелей приложения (XAML)

Applies to Windows and Windows Phone

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

Элемент управления “Нижняя панель приложения”

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

Если вам требуется панель приложения, содержащая только элементы управления AppBarButton, AppBarToggleButton и AppBarSeparator, используйте элемент CommandBar. Элемент управления CommandBar упрощает создание базовых панелей команд приложения, предоставляя следующие возможности.

  • Автоматическое размещение команд: основные команды справа и дополнительные команды слева.
  • Автоматическое изменение размеров команд на панели приложения при изменении размеров приложения.

Если требуется более сложное содержимое, например изображения, индикаторы выполнения или текстовые блоки, используйте элемент управления AppBar. С помощью элемента управления AppBar с настраиваемым содержимым вы можете создать панель инструментов или пользовательский интерфейс навигации. Размещая команды в элементе управления AppBar, вы должны изменять размер и порядок содержимого AppBar при изменении размера экрана.

Подробнее о проектировании панелей приложения: Руководство по панелям приложения.

Чтобы опробовать работу с панелями приложений и другими основными компонентами Windows 8, скачайте программу Hands-on Labs для Windows 8. Эти практические модули содержат пошаговые инструкции для создания приложения Магазина Windows на языке программирования по вашему выбору (JavaScript и HTML или C# и XAML).

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

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

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

Используйте панели приложения для размещения элементов управления навигации, команд и инструментов, которые можно скрыть, если в них нет необходимости.

Краткое руководство. Добавление кнопок панели приложений

Команды на панели приложения обычно отображаются особым стилем — с использованием круглой кнопки, значка и текстовой подписи. Элементы управления AppBarButton, AppBarToggleButton и AppBarSeparator упрощают создание панелей приложений с учетом рекомендаций по проектированию и моделям поведения.

Использование панели приложения при разных размерах

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

Добавление контекстно-зависимых команд на панель приложения

Добавляйте команды в панель приложения на основе выбора пользователя или навигации.

Добавление меню на панель приложения

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

Общий доступ к панели приложения на страницах

Используйте панель приложения для работы со связанными между собой страницами приложения.

Стили и шаблоны панели приложения

В этом разделе описываются стили и шаблоны элемента управления AppBar.

Стили и шаблоны элемента управления CommandBar

В данном разделе описаны стили и шаблоны элемента управления CommandBar.

Стили и шаблоны элемента управления AppBarButton

В данном разделе описаны стили и шаблоны элемента управления AppBarButton.

Стили и шаблоны элемента управления AppBarToggleButton

В данном разделе описаны стили и шаблоны элемента управления AppBarToggleButton.

Стили и шаблоны элемента управления AppBarSeparator

В данном разделе описаны стили и шаблоны элемента управления AppBarSeparator.

Образы стилей кнопки панели приложения

Изображения стилей кнопки AppBar, входящих в StandardStyles.xaml.

 

Связанные разделы

Добавление элементов управления и содержимого
Для разработчиков
Шаблоны навигации
Шаблоны команд
Макет
Главный раздел
Нижняя панель приложения
Верхняя панель приложения
Кнопка перехода назад
Руководство по панелям приложения
Руководство по элементу управления Hub
Создание панели приложения со специальными возможностями
Для разработчиков (XAML)
Ваше первое приложение — Часть 3. Навигация, макет и представления
Ваше первое приложение — Добавление навигации и представлений в приложение Магазина Windows на C++ (учебник, часть 3 из 4)
Навигация между страницами
Windows.UI.Xaml.Controls AppBar class
Windows.UI.Xaml.Controls CommandBar class
Windows.UI.Xaml.Controls Hub class
Пример элемента управления AppBar на XAML
Пример навигации по странице на XAML
Пример XAML Hub control

 

 

Показ:
© 2014 Microsoft