如何:向 TabControl 中添加选项卡项

更新:2007 年 11 月

Windows 演示基础 (WPF) TabControl 类包含在屏幕上共享相同空间的多个选项卡项。从 Visual Studio 2008 Service Pack 1 开始,TabControl 的设计体验已更改。设计时,可以在 WPF 设计器中向 TabControl 添加选项卡项。本主题讨论向 TabControl 添加选项卡项的三种方式。

使用设计器

可以通过右击设计图面将选项卡项添加到 TabControl

使用设计器将选项卡项添加到 TabControl

  1. 在 WPF 设计器中,选择一个 TabControl

  2. TabControl 的上半部分,右击一个 TabItem

  3. 从上下文菜单中选择“添加选项卡”。

    TabItem 添加到 TabControl

说明:

默认情况下,WPF 设计器将 Grid 用作选项卡项的根容器。如果需要其他根容器,可以删除 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">
        <TabItem Header="tabItem1" />
    </TabControl>
    

请参见

参考

TabControl

TabItem

其他资源

WPF 容器控件