WPF CheckBox控制元件 我全都要

Surfnet發表於2024-11-05

WPF CheckBox控制元件 我全都要

CheckBox控制元件允許選擇一個或多個選項。

CheckBox控制元件具有一些基本的屬性,這些屬性可以幫助你自定義控制元件的顯示和行為。

  • Content: 指定顯示在CheckBox中的文字。
  • IsChecked: 指示CheckBox是否被選中的屬性。
  • Width 和 Height: 設定CheckBox的寬度和高度。
  • Margin 和 Padding: 設定CheckBox邊緣和內部的空白距離。
  • Foreground 和 Background: 設定文字和背景的顏色。

    <StackPanel>
        <!--
        Margin是指控制元件與容器控制元件的間距。
        Margin有四個值的時候分別對應left、top、right、bottom,即左、上、右、下。
        這裡設定了上面離容器邊界的距離為20-->
        <Label Content="你喜歡什麼牌子的手機?" Margin="10,20,10,10" />
        
        <CheckBox Content="蘋果"  Margin="10" />
        <CheckBox Content="梨子"  Margin="10" />
        <CheckBox Content="橘子"  Margin="10" />

    </StackPanel>

 

按F5執行,點一點,可以看到選擇幾個都可以。

修改完善一下XAML,新增個button

    <StackPanel>
        <!--
        Margin是指控制元件與容器控制元件的間距。
        Margin有四個值的時候分別對應left、top、right、bottom,即左、上、右、下。
        這裡設定了上面離容器邊界的距離為20-->
        <Label Content="你喜歡什麼牌子的手機?" Margin="10,20,10,10" />
        
        <CheckBox x:Name="CheckBox1" Content="蘋果"  Margin="30,10,10,10" />
        <CheckBox x:Name="CheckBox2" Content="梨子"  Margin="30,10,10,10" />
        <CheckBox x:Name="CheckBox3" Content="橘子"  Margin="30,10,10,10" />

        <Button Click="Button_Click" Content="提交"  Margin="30,10,30,10" />

    </StackPanel>

修改完善一下CS程式碼:

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            string? yourselected="";
            if (CheckBox1.IsChecked == true) 
                yourselected=CheckBox1.Content.ToString();
            if (CheckBox2.IsChecked == true)
                yourselected += CheckBox2.Content.ToString();
            if (CheckBox3.IsChecked == true)
                yourselected += CheckBox3.Content.ToString();

            MessageBox.Show(yourselected);
        }

  

按F5執行一下。

________________________________________

相關文章