它會在獨立的頁面上顯示內容,您可以通過選擇適當的分頁來存取。TabControl 作為一個容器,管理一組 TabControl 物件。 每個 TabItem 都代表可點擊的分頁標頭及其相關內容頁面。
重要概念
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時,你的範本可能包含一個ItemsPresenter在ScrollViewer中。 (ItemsPresenter 顯示在 TabControl 的每個項目;ScrollViewer 允許在控制中滾動)。 若ItemsPresenter不是ScrollViewer的直接子代,則必須給ItemsPresenter命名為ItemsPresenter。
視覺狀態
下表列出 TabControl 控制項的視覺狀態。
| VisualState 名稱 | VisualStateGroup 名稱 | Description |
|---|---|---|
| 正常 | CommonStates | 預設狀態。 |
| Disabled | CommonStates | 控制裝置被關閉。 |
| 有效 | 驗證狀態 | 控制項使用 類別 Validation ,附加 Validation.HasError 屬性為 false。 |
| 焦點無效 | 驗證狀態 | 附加的 Validation.HasError 屬性是 true 控制項擁有焦點。 |
| 無效未聚焦 | 驗證狀態 | 附加的 Validation.HasError 屬性是在 true 控制項沒有焦點的時候適用。 |