共用方式為


TabControl

它會在獨立的頁面上顯示內容,您可以通過選擇適當的分頁來存取。TabControl 作為一個容器,管理一組 TabControl 物件。 每個 TabItem 都代表可點擊的分頁標頭及其相關內容頁面。

一個有三個分頁的 TabControl,顯示選取的中間分頁並顯示內容

重要概念

TabControl 與 TabItem 控制項協同運作,建立分頁介面:

  • TabControl:作為管理分頁選擇、版面配置與呈現的容器。 它能處理使用者互動,如點擊分頁,並顯示目前選中的分頁內容。
  • TabItem:代表 TabControl 內的一個獨立分頁。 每個 TabItem 包含一個標頭(可見的分頁文字或內容)和內容(選擇分頁時顯示的內容)。
  • 關係:TabControl 的 Items 集合包含 TabItem 物件。 當你選擇 TabItem 時,TabControl 會顯示該項目的內容,並更新視覺狀態以顯示哪個分頁是啟用的。

關於各個分頁的詳細資訊,請參見 TabItem

樣式和模板

本節說明控制項的 TabControl 樣式與範本。 你可以修改預設的 ControlTemplate 以賦予控制項獨特的外觀。 欲了解更多資訊,請參閱 「樣式與範本概述 」及 「建立控制範本」。

內容屬性

TabControl 使用 Items 作為其內容屬性。 此屬性包含代表各個分頁及其相關內容的物件集合 TabItem 。 當你將 TabItem 物件加入此集合時,它們會以可選的分頁形式出現在 TabControl 介面中。

組件

下表列出了控制元件 TabControl 的命名部分。

部分 類型 Description
PART_SelectedContentHost ContentPresenter 顯示目前選取 TabItem內容的物件。

當你為ControlTemplate建立一個TabControl時,你的範本可能包含一個ItemsPresenterScrollViewer中。 (ItemsPresenter 顯示在 TabControl 的每個項目;ScrollViewer 允許在控制中滾動)。 若ItemsPresenter不是ScrollViewer的直接子代,則必須給ItemsPresenter命名為ItemsPresenter

視覺狀態

下表列出 TabControl 控制項的視覺狀態。

VisualState 名稱 VisualStateGroup 名稱 Description
正常 CommonStates 預設狀態。
Disabled CommonStates 控制裝置被關閉。
有效 驗證狀態 控制項使用 類別 Validation ,附加 Validation.HasError 屬性為 false
焦點無效 驗證狀態 附加的 Validation.HasError 屬性是 true 控制項擁有焦點。
無效未聚焦 驗證狀態 附加的 Validation.HasError 屬性是在 true 控制項沒有焦點的時候適用。

另請參閱