Вкладки и навигация

TabControl показывает одну страницу за раз под рядом вкладок, например разделы экрана настроек. Frame показывает одну Page за раз и переходит между страницами с историей «назад» и «вперёд» — для целых экранов меню.

Разметка

<!-- TabControl shows the TabItems in ItemsSource as tabs, and the selected tab's Content below them. -->
<TabControl ItemsSource="{Binding Tabs}" SelectedIndex="0" Width="320" Height="140" />

Вкладки берутся из ItemsSource: это список TabItem, у каждого заголовок и страница. Здесь их предоставляет модель представления:

// The view model behind <TabControl ItemsSource="{Binding Tabs}" />: each TabItem is a tab's header and its page.
public static IReadOnlyList<TabItem> CreateSettingsTabs() =>
[
    new TabItem { Header = "Video", Content = "Resolution: 1920 × 1080" },
    new TabItem { Header = "Audio", Content = "Master volume: 70%" },
    new TabItem { Header = "Controls", Content = "Invert Y axis: off" },
];

Основные свойства

Свойство	Описание
ItemsSource	Элементы TabItem.
SelectedIndex	Открытая вкладка.
Header / Icon	Подпись и значок вкладки.
Content	Страница вкладки (у TabItem).
Navigation	Навигация фрейма: текущая страница и её история.

События и команды

SelectionChanged срабатывает при смене открытой вкладки.

Стиль

Заголовки вкладок — это SelectorItem со стилем элементов списка (Hovered, Selected, ...). Стиль самого элемента с вкладками задаёт его фон и рамку.

Клавиатура, геймпад и сенсорный ввод

Щелчок или касание вкладки открывает её.

Примечание

Вкладки пока нельзя переключать с клавиатуры или геймпада.

TabControl

В компоновке участвует только страница открытой вкладки.

Frame и Page

Фрейм переходит между страницами, описанными в разметке; см. раздел Страницы и навигация справочника по разметке.

См. также

• Списки и выбор: элемент с вкладками — это список вкладок с выделением.