Freigeben über


Gewusst wie: Erstellen eines Gruppenfelds

Aktualisiert: November 2007

In diesem Beispiel wird die Erstellung eines GroupBox-Steuerelements veranschaulicht, das über einen Titel und einen sichtbaren Rahmen verfügt, der den Inhalt des Elements umschließt.

Beispiel

Im folgenden Beispiel wird ein GroupBox-Steuerelement mit dem Titel My Employee Info definiert. Das Steuerelement besteht aus einem TabControl und einem Button in einem StackPanel. Im Beispiel wird die Header-Eigenschaft auf Label festgelegt.

  <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>

Sie müssen außerdem einen Ereignishandler auf einer CodeBehind-Seite definieren, um das Click-Ereignis zu verarbeiten, das ausgelöst wird, wenn ein Benutzer auf die Schaltfläche Show Summary klickt.

Das vollständige Beispiel finden Sie unter GroupBox-Beispiel.

Siehe auch

Aufgaben

GroupBox-Beispiel

Referenz

GroupBox

Weitere Ressourcen

Gewusst-wie-Themen zu "GroupBox"