通过

绘制带标题控件

  • 项目

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

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

创建带标题内容控件

  1. 在 Microsoft Expression Blend 应用程序窗口左侧的“工具”面板中，单击“资产”Cc295310.0d8b8d29-1af9-418f-8741-be3097d76eab(zh-cn,Expression.40).png。在“控件”类别中，从列表中选择 TabControl  Cc295310.f13847cd-7fdf-4757-a648-d5ece98fcaea(zh-cn,Expression.40).png。

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

    tip note提示：

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

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

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

    Cc295310.b5763b4e-3032-468e-bbdf-42057fd0cb08(zh-cn,Expression.40).png

    tip note提示：

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

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

    tip note提示：

    或者，可以在“属性”面板的“布局”类别中设置 Height 和 Width 属性，从而重设 TabControl 的大小。

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

    tip note提示：

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

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

  6. 在“工具”面板中，双击 StackPanel  Cc295310.ec58af86-cc2a-4e1f-91c0-883c5406fdfb(zh-cn,Expression.40).png 以将“StackPanel”对象添加到 TabItem 对象中。

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

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

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

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

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

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

Microsoft Corporation 版权所有 ⓒ 2011。保留所有权利。