绘制带标题控件

带标题控件 具有一个用于为控件添加标签的标题属性。标题属性既可以是简单的文本字符串，也可以是复杂的 Microsoft .NET Framework 对象。带标题控件还可显示内容或项目集合，具体取决于所使用的带标题控件的类型。例如，“TabControl”内的“TabItem”是一个带标题内容控件，而“ToolBar”和“MenuItem”均是带标题项目控件。

以下过程说明了如何在项目控件 (TabControl) 内创建带标题内容控件（TabItem 控件）。此过程也适用于 MSDN 上的 HeaderedContentControl 中“类型”下列出的其他带标题内容控件。带标题项目控件在 MSDN 上的 HeaderedItemsControl 中列出。

创建带标题内容控件

1. 在 Microsoft Expression Blend 应用程序窗口左侧的“工具”面板中，单击“资产”。在“控件”类别中，从列表中选择“TabControl”。

   “TabControl”控件的图标将显示在“资产”按钮下方，并且处于选中状态以便您可以向美工板上添加 TabControl 控件。

   提示：
   最常用的用户界面 (UI) 元素（如“Button”控件）已显示在“资产”按钮下方的下拉列表中，以便您可以快速添加这些元素。

2. 若要向美工板添加 TabControl 对象，请双击“TabControl”控件的图标。默认情况下，“TabControl”包含两个“TabItem”对象。

   按照默认大小和位置（左上角）在美工板上创建的 TabControl 对象

   

   提示：
   如果需要，可以向“TabControl”对象中添加其他“TabItem”对象。在“对象和时间线”面板中，右键单击“TabControl”对象，然后单击“添加 TabItem”。

3. 在美工板上，通过按下 Ctrl 键并拖动右下角的大小句柄，增大选项卡控件。使“TabControl”对象足够大，以便可以在顶部显示三个选项卡。

   提示：
   或者，可以在“属性”面板的“布局”类别中设置“Height”和“Width”属性，调整“TabControl”的大小。

4. 若要对某个“TabItem”对象命名，请在“对象和时间线”面板中选择该对象，然后在“属性”面板的“公共属性”类别中，为“Header”属性键入一个名称。例如，将第一个“TabItem”对象命名为“员工信息”。

   提示：
   或者，可以将其他控件（如“Image”控件）用作“TabItem”的标题。在“对象和时间线”面板中，展开“TabItem”对象，然后单击“Header”对象以使其成为激活的元素。您可以从“工具”面板或“项目”面板中添加“Image”控件。

5. 若要向某个“TabItem”对象添加内容，请在“对象和时间线”面板中单击该对象以将其激活。

6. 在“工具”面板中，双击“StackPanel” 以将“StackPanel”对象添加到“TabItem”对象中。

7. 在“对象和时间线”面板中，单击“StackPanel”对象，使其成为活动对象。此时，可以根据需要向“TabItem”对象中添加任意多个对象。例如，可以从“工具”面板中添加“TextBlock”或“ListBox”控件。

   添加到 TabControl 对象中的子对象

   

8. 如果要为整个“TabControl”添加边框和标题，则可以使用另一个带标题内容控件“GroupBox”。在“对象和时间线”面板中激活“LayoutRoot”对象，从“资产”面板中选择“GroupBox”控件，然后使用鼠标在美工板上绘制该控件，使其略大于“TabControl”对象。

9. 若要使“TabControl”对象成为“GroupBox”对象的子对象，请在“对象和时间线”面板中将“TabControl”对象拖至“GroupBox”对象处。

   将 TabControl 对象拖至 GroupBox 对象处

   

10. 通过在“对象和时间线”面板中选择“GroupBox”对象，然后在“属性”面板的“公共属性”类别中更改“Header”属性，可以更改该对象的标题。

11. 生成项目 (F5) 以查看所得到的应用程序。

    有关包含对“ListBox”对象中选定的项目做出反应的代码的完整示例，请参阅 MSDN 上的 GroupBox 示例。该示例代码包含在 Windows SDK .NET Framework 3.0 Samples（Windows SDK .NET Framework 3.0 示例）中提供的“WPFSamples.exe”程序包中。