[WinUI 3][CheckBox] CheckBox の基本使用方法

CheckBox

2022.02.14

この記事では CheckBox の基本使用方法について説明をします。

環境
CheckBox の基本使用方法
チェック状態の設定方法
WinUi Tips

環境

開発環境	Microsoft Visual Studio Enterprise 2019 Version 16.11.5
Framework	Microsoft .NET Framewohttps://blog.hiros-dot.net/?p=11007rk Version 4.8.04161

CheckBox の基本使用方法

WInUI の XAML で CheckBox を配置するには <CheckBox> を使用します。

また、CheckBox に表示する文字列は Content プロパティに設定します。

XAML の例

<Window
    x:Class="WinUISample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:WinUISample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <StackPanel Orientation="Vertical" HorizontalAlignment="Center">
        <CheckBox x:Name="myCheckBox"  Content="WiFi On" />
    </StackPanel>
</Window>

C# の例

public MainWindow()
{
    this.InitializeComponent();

    // Content プロパティに「WiFi On」を設定
    myCheckBox.Content = "WiFi On";
}

CheckBox の基本使用例

チェック状態の設定方法

チェック状態を設定するには IsChecked プロパティを使用します。True でチェック状態、False でえチェックオフ状態になります。

以下は、チェック状態にする例です。
XAML の例

<Window
    x:Class="WinUISample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:WinUISample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <StackPanel Orientation="Vertical" HorizontalAlignment="Center">
        <CheckBox x:Name="myCheckBox"  Content="WiFi On" 
                  IsChecked="True/>
    </StackPanel>
</Window>

C# の例

public MainWindow()
{
    this.InitializeComponent();

    // Content プロパティに「WiFi On」を設定
    myCheckBox.Content = "WiFi On";
    // Check 状態にする
    myCheckBox.IsChecked = true;
}