如何:创建 GroupBox

更新:2007 年 11 月

此示例演示如何创建一个具有标题和可见边框的 GroupBox,该对象的内容包含在其边框内。

示例

下面的示例定义一个标题为“My Employee Info”的 GroupBox 控件。该控件的 StackPanel 中包含一个 TabControl 和一个 Button。该示例将 Header 属性设置为 Label

  <GroupBox Width="300" Height="410">
    <GroupBox.Header>
      <Label>Employee Data</Label>
    </GroupBox.Header>
    <StackPanel>
    <TabControl Name="myTabControl" 
       TabStripPlacement="Top" 
           Margin="0, 0, 0, 10" Height="350"
       >
      <TabItem Name="PersonalInfo">
        <TabItem.Header>_Personal Info</TabItem.Header>
        <StackPanel>
          <TextBlock>Employee</TextBlock>
          <TextBlock>Select your name</TextBlock>
          <ListBox Name="empName" SelectionChanged="updateSummary">
            <ListBoxItem IsSelected="true">Esther</ListBoxItem>
            <ListBoxItem>George</ListBoxItem>
            <ListBoxItem>Alan</ListBoxItem>
            <ListBoxItem>Eric</ListBoxItem>
          </ListBox>
         </StackPanel>
      </TabItem>
      <TabItem>
        <TabItem.Header>_Job Info</TabItem.Header>
          <StackPanel>
          <TextBlock>Select a job</TextBlock>
          <ListBox Name ="job" SelectionChanged="updateSummary">
            <ListBoxItem IsSelected="true">Programmer</ListBoxItem>
              <ListBoxItem>Tester</ListBoxItem>
              <ListBoxItem>Writer</ListBoxItem>
              <ListBoxItem>Manager</ListBoxItem>
            </ListBox>
          </StackPanel>
          </TabItem>
          <TabItem Name="Skill">
            <TabItem.Header>_Skill</TabItem.Header>
            <StackPanel>
              <TextBlock>
                  Select your strongest skill
              </TextBlock>
          <ListBox Name="skills" SelectionChanged="updateSummary">
              <ListBoxItem IsSelected="true">C#</ListBoxItem>
              <ListBoxItem>Visual Basic</ListBoxItem>
              <ListBoxItem>.NET</ListBoxItem>
              <ListBoxItem>JScript</ListBoxItem>
            </ListBox>
        </StackPanel>
        </TabItem>
        <TabItem Name="Summary" >
          <TabItem.Header>Su_mmary</TabItem.Header>
          <StackPanel>
          <TextBlock Name="emp"/>
          <TextBlock Name="ejob"/>
          <TextBlock Name="eskill"/>
        </StackPanel>
      </TabItem>
    </TabControl>
      <Button Content="Show Summary" Click="goToSummaryTab"/>
    </StackPanel>
  </GroupBox>

您还必须针对代码隐藏页定义一个事件处理程序来处理 Click 事件,该事件在用户单击“Show Summary”(显示摘要)按钮时发生。

有关完整示例,请参见 GroupBox 示例

请参见

任务

GroupBox 示例

参考

GroupBox

其他资源

GroupBox 帮助主题