다음을 통해 공유


방법: GroupBox 만들기

업데이트: 2007년 11월

이 예제에서는 제목이 있으며 해당 콘텐츠를 감싸는 테두리가 표시되는 GroupBox를 만드는 방법을 보여 줍니다.

예제

다음 예제에서는 제목이 My Employee Info인 GroupBox 컨트롤을 정의합니다. 컨트롤은 StackPanelTabControlButton을 감싸게 됩니다. 이 예제에서는 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>

또한 사용자가 Show Summary 단추를 누르면 발생하는 Click 이벤트를 처리하기 위해 코드 숨김 페이지에서 이벤트 처리기를 정의해야 합니다.

전체 샘플을 보려면 GroupBox 샘플을 참조하십시오.

참고 항목

작업

GroupBox 샘플

참조

GroupBox

기타 리소스

GroupBox 방법 항목