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

[本文档仅供预览,在以后的发行版中可能会发生更改。包含的空白主题用作占位符。]

Windows 演示基础 (WPF) TabControl 类包含在屏幕上共享相同空间的多个选项卡项。 设计时,可以在 WPF Designer中向 TabControl 添加选项卡项。本主题讨论向 TabControl 添加选项卡项的三种方式。

使用设计器

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

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

  1. 在 WPF Designer中,选择一个 TabControl

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

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

    TabItem 添加到 TabControl

备注

默认情况下,WPF Designer将 Grid 用作选项卡项的根容器。如果需要其他根容器,可以删除 Grid 并添加其他容器,例如,DockPanel 控件。

使用集合编辑器

也可以使用集合编辑器向 TabControl 中添加选项卡项。 使用集合编辑器配置选项卡项时,设计视图和 XAML 视图会自动更新。

使用集合编辑器向 TabControl 添加选项卡项

  1. 在 WPF Designer中,选择一个 TabControl

  2. 在**“属性”**窗口中,找到 Items 属性,并单击“属性值”列中的省略号按钮。

    将出现**“集合编辑器”**对话框。

  3. 单击**“添加”**添加新的选项卡项。

  4. (可选)设置选项卡项的属性。

  5. (可选)重复步骤 3 和 4 添加更多选项卡项。

  6. 单击**“确定”以关闭“集合编辑器”**并返回到 WPF Designer。

使用 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 容器控件