共用方式為


HOW TO:加入索引標籤項目至 TabControl

Windows Presentation Foundation (WPF) TabControl 類別 (Class) 包含在螢幕上共用相同空間的多個索引標籤項目。 在設計階段中,您可以透過 WPF 設計工具將索引標籤項目加入至 TabControl。本主題討論可以用來將索引標籤項目加入至 TabControl 的三種方法。

使用設計工具

您可以透過在設計介面上按一下滑鼠右鍵,將索引標籤項目加入至 TabControl

若要使用設計工具將索引標籤項目加入至 TabControl

  1. 在 WPF 設計工具中,選取 TabControl

  2. TabControl 的上半部,以滑鼠右鍵按一下 TabItem

  3. 從內容功能表選取 [加入索引標籤]。

    新的 TabItem 隨即加入至 TabControl 中。

注意事項注意事項

根據預設,WPF 設計工具會使用 Grid 做為索引標籤項目的根容器 (Container)。 如果您需要不同的根容器,可以刪除 Grid,並加入不同的容器,例如 DockPanel 控制項。

使用集合編輯器

您也可以使用集合編輯器,將索引標籤項目加入至 TabControl。 當您使用集合編輯器設定索引標籤項目時,[設計] 檢視及 [XAML] 檢視會自動更新。

若要使用集合編輯器將索引標籤項目加入至 TabControl

  1. 在 WPF 設計工具中,選取 TabControl

  2. 在 [屬性] 視窗中,找出 Items 屬性,然後按一下屬性值資料行中的省略符號按鈕。

    [集合編輯器] 對話方塊隨即出現。

  3. 按一下 [加入],加入新的索引標籤項目。

  4. (選擇性) 設定索引標籤項目的屬性。

  5. (選擇性) 重複步驟 3 和 4,加入其他索引標籤項目。

  6. 按一下 [確定] 關閉 [集合編輯器],並返回 WPF 設計工具。

使用 XAML 檢視

您也可以在 XAML 檢視中輸入,以手動方式將索引標籤項目加入至 TabControl。 [設計] 檢視會自動更新為新的索引標籤項目。

若要使用 XAML 檢視將索引標籤項目加入至 TabControl

  1. 在 [XAML] 檢視中,找出 TabControl 項目。

  2. 加入 TabItem 項目做為 TabControl 項目的子系。 標記應該會與以下相似:

    <TabControl Name="tabControl1" Height="100" Width="200">
        <TabItem Header="tabItem1" Name="tabItem1">
        </TabItem>
    </TabControl>
    

請參閱

參考

TabControl

TabItem

其他資源

WPF 容器控制項