WPF(XAML) - Button Class

Button

• 가장 보편적인 push button

• Button의 주요 속성 (더 자세한 내용- Button properties)

  IsMouseOver	마우스 포인터가 button 위에 있는지 여부를 나타내는 값
  IsPressed	마우스 포인터가 button을 눌렀는지 여부를 나타내는 값
  IsEnabled	Button을 사용할 수 있는지 여부를 나타내는 값

• Status별 Style을 적용할 때 Trigger Property에 활용

  

Toggle Button

• On/Off 개념이 있는 Button

• Toggle Button의 주요 속성 (더 자세한 내용- ToggleButton properties)

  IsMouseOver	마우스 포인터가 button 위에 있는지 여부를 나타내는 값
  IsPressed	마우스 포인터가 button을 눌렀는지 여부를 나타내는 값
  IsChecked	Toggle Button이 선택된 상태인지 나타내는 값
  IsEnabled	사용할 수 있는지 여부를 나타내는 값

  : Status별 Style을 적용할 때 Trigger Property에 활용

  

Check Box

• Toggle버튼과 동일하게 On/OFF 개념이 있는 Control (Togglebutton에 상속됨 - Property거의 동일)
• 같은 그룹내 다중선택이 가능함
  

Radio Button

• Toggle버튼과 동일하게 On/OFF 개념이 있는 Control (Togglebutton에 상속됨)
• 같은 그룹내 선택지 중 한개의 선택지만선택이 가능함
  

• Radio Button의 속성을 활용하여 Segment button style도 적용 가능함.
  

 

Tab Control

• 화면에서 같은공간을 공유하는 여러항목이 포함된 Controkl로 공간 사용량을 최소화할 필요가 있는 경우에 사용하기 유용함.
  

• TabControl → Main control
• TabItem → TabControl내의 선택가능한 항목 Control (TabControl의 Contents)

• TabItem > Header → 해당 Tab의 제목

• TabControl의 주요 속성 (더 자세한 내용- TabItem properties)

IsMouseOver	마우스 포인터가 button 위에 있는지 여부를 나타내는 값
IsPressed	마우스 포인터가 button을 눌렀는지 여부를 나타내는 값
IsSelected	선택된 상태인지 나타내는 값, 선택된 TabItem만 화면에 보이게 됨
IsEnabled	사용할 수 있는지 여부를 나타내는 값

 

 

<TabControl>
  <TabItem>
    <TabItem.Header>
      <StackPanel Orientation="Horizontal">
        <Ellipse Width="10" Height="10" Fill="DarkGray"/>
        <TextBlock>Tab 1</TextBlock>
      </StackPanel>
    </TabItem.Header>
    <StackPanel>
      <TextBlock>Enter some text</TextBlock>
      <TextBox Name="textBox1" Width="200" Text="TabControl"/>
    </StackPanel>
  </TabItem>
  <TabItem Header="Tab 2">
    <!--Bind TextBlock.Text to the TextBox on the first TabItem.(Tab1) -->
    <TextBlock Text="{Binding ElementName=textBox1, Path=Text}"/>
  </TabItem>
</TabControl>