728x90
반응형
728x170
▶ MainPage.xaml
<Page x:Class="TestProject.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
FontFamily="나눔고딕코딩"
FontSize="16">
<Grid>
<StackPanel
HorizontalAlignment="Center"
VerticalAlignment="Center">
<CheckBox Name="allCheckBox"
IsThreeState="True"
Content="전체 선택"
Checked="allCheckBox_Checked"
Unchecked="allCheckBox_Unchecked"
Indeterminate="allCheckBox_Indeterminate" />
<CheckBox Name="option1CheckBox"
Margin="20 0 0 0"
Content="옵션 1"
Checked="optionCheckBox_Checked"
Unchecked="optionCheckBox_Unchecked" />
<CheckBox Name="option2CheckBox"
Margin="20 0 0 0"
IsChecked="True"
Content="옵션 2"
Checked="optionCheckBox_Checked"
Unchecked="optionCheckBox_Unchecked" />
<CheckBox Name="option3CheckBox"
Margin="20 0 0 0"
Content="옵션 3"
Checked="optionCheckBox_Checked"
Unchecked="optionCheckBox_Unchecked" />
</StackPanel>
</Grid>
</Page>
728x90
▶ MainPage.xaml.cs
using Windows.Foundation;
using Windows.Graphics.Display;
using Windows.UI.ViewManagement;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
namespace TestProject
{
/// <summary>
/// 메인 페이지
/// </summary>
public sealed partial class MainPage : Page
{
//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
////////////////////////////////////////////////////////////////////////////////////////// Public
#region 생성자 - MainPage()
/// <summary>
/// 생성자
/// </summary>
public MainPage()
{
InitializeComponent();
#region 윈도우 크기를 설정한다.
double width = 800d;
double height = 600d;
double dpi = (double)DisplayInformation.GetForCurrentView().LogicalDpi;
ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize;
Size windowSize = new Size(width * 96d / dpi, height * 96d / dpi);
ApplicationView.PreferredLaunchViewSize = windowSize;
Window.Current.Activate();
ApplicationView.GetForCurrentView().TryResizeView(windowSize);
#endregion
#region 윈도우 제목을 설정한다.
ApplicationView.GetForCurrentView().Title = "CheckBox 엘리먼트 : 3단계 상태 체크 박스 사용하기";
#endregion
}
#endregion
//////////////////////////////////////////////////////////////////////////////////////////////////// Method
////////////////////////////////////////////////////////////////////////////////////////// Private
//////////////////////////////////////////////////////////////////////////////// Event
#region 전체 체크 박스 체크시 처리하기 - allCheckBox_Checked(sender, e)
/// <summary>
/// 전체 체크 박스 체크시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void allCheckBox_Checked(object sender, RoutedEventArgs e)
{
this.option1CheckBox.IsChecked = true;
this.option2CheckBox.IsChecked = true;
this.option3CheckBox.IsChecked = true;
}
#endregion
#region 전체 체크 박스 체크 해제시 처리하기 - allCheckBox_Unchecked(sender, e)
/// <summary>
/// 전체 체크 박스 체크 해제시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void allCheckBox_Unchecked(object sender, RoutedEventArgs e)
{
this.option1CheckBox.IsChecked = false;
this.option2CheckBox.IsChecked = false;
this.option3CheckBox.IsChecked = false;
}
#endregion
#region 전체 체크 박스 미정시 처리하기 - allCheckBox_Indeterminate(sender, e)
/// <summary>
/// 전체 체크 박스 미정시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void allCheckBox_Indeterminate(object sender, RoutedEventArgs e)
{
if
(
this.option1CheckBox.IsChecked == true &&
this.option2CheckBox.IsChecked == true &&
this.option3CheckBox.IsChecked == true
)
{
this.allCheckBox.IsChecked = false;
}
}
#endregion
#region 옵션 체크 박스 체크시 처리하기 - optionCheckBox_Checked(sender, e)
/// <summary>
/// 옵션 체크 박스 체크시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void optionCheckBox_Checked(object sender, RoutedEventArgs e)
{
SetAllCheckBoxState();
}
#endregion
#region 옵션 체크 박스 체크 해제시 처리하기 - optionCheckBox_Unchecked(sender, e)
/// <summary>
/// 옵션 체크 박스 체크 해제시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void optionCheckBox_Unchecked(object sender, RoutedEventArgs e)
{
SetAllCheckBoxState();
}
#endregion
//////////////////////////////////////////////////////////////////////////////// Function
#region 전체 체크 박스 상태 설정하기 - SetAllCheckBoxState()
/// <summary>
/// 전체 체크 박스 상태 설정하기
/// </summary>
private void SetAllCheckBoxState()
{
if(this.option1CheckBox != null)
{
if(this.option1CheckBox.IsChecked == true && this.option2CheckBox.IsChecked == true && this.option3CheckBox.IsChecked == true)
{
this.allCheckBox.IsChecked = true;
}
else if(this.option1CheckBox.IsChecked == false && this.option2CheckBox.IsChecked == false && this.option3CheckBox.IsChecked == false)
{
this.allCheckBox.IsChecked = false;
}
else
{
this.allCheckBox.IsChecked = null;
}
}
}
#endregion
}
}
728x90
반응형
그리드형(광고전용)
'C# > UWP' 카테고리의 다른 글
[C#/UWP] RadioButtons 엘리먼트 사용하기 (0) | 2021.06.21 |
---|---|
[C#/UWP] ComboBox 엘리먼트 : TextSubmitted 이벤트 사용하기 (0) | 2021.06.21 |
[C#/UWP] ComboBox 엘리먼트 : ItemsSource 속성 사용하기 (0) | 2021.06.21 |
[C#/UWP] ComboBox 엘리먼트 : SelectionChanged 이벤트 사용하기 (0) | 2021.06.21 |
[C#/UWP] ColorPicker 엘리먼트 : 색상 선택하기 (0) | 2021.06.21 |
[C#/UWP] CheckBox 엘리먼트 : IsThreeState 속성 사용하기 (0) | 2021.06.21 |
[C#/UWP] CheckBox 엘리먼트 : Checked/Unchecked 이벤트 사용하기 (0) | 2021.06.21 |
[C#/UWP] ToggleSplitButton 엘리먼트 사용하기 (0) | 2021.06.20 |
[C#/UWP] SplitButton 엘리먼트 : Style 속성에서 SplitButtonRevealStyle 리소스 사용하기 (0) | 2021.06.20 |
[C#/UWP] ToggleButton 엘리먼트 : Style 속성에서 ToggleButtonRevealStyle 리소스 사용하기 (0) | 2021.06.20 |
댓글을 달아 주세요