[C#/WPF] ToggleButton 눌림 개수 제한하기

 이번 포스팅에서는 ToggleButton 눌림 개수를 제한하는 방법에 대해서 작성하도록 하겠습니다.

 

우선, 저는 6개의 ToggleButton 중  최대 4개까지 눌릴 수 있도록 하였습니다.

 

ToggleButton 총 6개를 만들어주고, 실시간으로 ToggleButton이 총 몇 개 눌렸는지 표시할 label도 우측 상단에  하나 만들어주었습니다. 

이제 IsChecked가 true와 false일 때 각각의 버튼 이벤트를 작성해보겠습니다.

        private int cnt = 0;

        private void ToggleButton_Checked(object sender, RoutedEventArgs e)
        {
            cnt += 1;
            lbl.Content = cnt;

            if (cnt > 4)
            {
                MessageBox.Show("최대 4개까지 선택 가능합니다!");
                ((ToggleButton)sender).IsChecked = false;
            }
        }

        private void ToggleButton_UnChecked(object sender, RoutedEventArgs e)
        {
            cnt -= 1;
            lbl.Content = cnt;
        }

코드 설명을 간단히 하자면 눌린 ToggleButton의 수를  전역 변수 cnt로 설정하였습니다. 그리고 함수 ToggleButton_Checked에서는 cnt += 1을 해주고 만약 cnt의 값이 최대 눌림 개수인 4보다 커질 시, 메세지를 띄우고 4개 이상의 버튼이 눌려지지 않도록 눌려진 버튼의 상태를 IsChecked = false로 지정해주어 더이상 눌리지 않도록 해줍니다. 이때, sender를 ToggleButton으로 형 변환(Type Casting)을 시켜줘야 합니다. ToggleButton_UnChecked에서는 cnt -=1을 해줍니다.

 

그리고 xaml에서 각각의 ToggleButton에 Checked 되었을 때는 ToggleButton_Checked가, UnChecked 되었을 때는 ToggleButton_UnChecked가 실행되도록 속성을 추가해줍니다.

 <Window.Resources>
        <Style TargetType="{x:Type ToggleButton}">
            <Setter Property="FontFamily" Value="휴면중간샘체"/>
            <Setter Property="FontSize" Value="20"/>
            <Setter Property="Background" Value="#FFB4C4EA"/>
            <Setter Property="BorderBrush" Value="#00FF0000"/>
            <Setter Property="Width" Value="156"/>
            <Setter Property="Height" Value="125"/>
            <Style.Resources>
                <Style TargetType="{x:Type Border}">
                    <Setter Property="CornerRadius" Value="15"/>
                </Style>
            </Style.Resources>
        </Style>
    </Window.Resources>
 
    <Grid>
        <Label x:Name="lbl" HorizontalAlignment="Left" Height="59" Margin="668,36,0,0" VerticalAlignment="Top" Width="93" FontSize="30" FontFamily="/WpfApp1;component/Font/#KNPS Kkomi" BorderBrush="#FF070707" BorderThickness="2" Content="" FlowDirection="RightToLeft"/>
 
        <ToggleButton x:Name="toggleBtn1" HorizontalAlignment="Left" Margin="63,58,0,0" VerticalAlignment="Top" Checked="ToggleButton_Checked" Unchecked="ToggleButton_UnChecked"/>
        <ToggleButton x:Name="toggleBtn2" HorizontalAlignment="Left" Margin="249,58,0,0" VerticalAlignment="Top" Checked="ToggleButton_Checked" Unchecked="ToggleButton_UnChecked"/>
        <ToggleButton x:Name="toggleBtn3" HorizontalAlignment="Left" Margin="442,58,0,0" VerticalAlignment="Top" Checked="ToggleButton_Checked" Unchecked="ToggleButton_UnChecked"/>
        <ToggleButton x:Name="toggleBtn4" HorizontalAlignment="Left" Margin="63,250,0,0" VerticalAlignment="Top" Checked="ToggleButton_Checked" Unchecked="ToggleButton_UnChecked"/>
        <ToggleButton x:Name="toggleBtn5" HorizontalAlignment="Left" Margin="249,250,0,0" VerticalAlignment="Top" Checked="ToggleButton_Checked" Unchecked="ToggleButton_UnChecked"/>
        <ToggleButton x:Name="toggleBtn6" HorizontalAlignment="Left" Margin="442,250,0,0" VerticalAlignment="Top" Checked="ToggleButton_Checked" Unchecked="ToggleButton_UnChecked"/>
    </Grid>
</Window>

 

프로그램을 실행해보면 버튼을 4개 이상 누르려고 할 때 메세지가 정상적으로 뜨는 것과 더이상 버튼이 눌리지 않는 것을 확인 할 수 있습니다.