[WinUI 3][ToggleButton] 押下状態を取得する

ToggleButton は押されている状態と押されていない状態に分かれます。この記事では、ToggleButton の押下状態を取得する方法について説明します。

環境

ToggleButton の押下状態を取得する

ToggleButton の押下状態は IsChecked プロパティで取得することができます。また押下状態が変更されると Checked イベント（押下された時）または Unchecked イベント（押下が解除されたとき）が発生します。

以下の例は、ToggleButton が押下された時に TextBlock に「ToggleButton = ON」、押下が解除されたときに「ToggleButton = OFF」を表示します。

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" VerticalAlignment="Center">
        <ToggleButton x:Name="myToggleButton" Content="ToggleButton" 
                      Checked="myToggleButton_Checked"
                      Unchecked="myToggleButton_Unchecked"/>
        <TextBlock x:Name="myTextBlock" />
    </StackPanel>
</Window>

C# の例

private void myToggleButton_Checked(object sender, RoutedEventArgs e)
{
    myTextBlock.Text = "ToggleButton = ON";
}

private void myToggleButton_Unchecked(object sender, RoutedEventArgs e)
{
    myTextBlock.Text = "ToggleButton = OFF";
}

ToggleButton の押下状態を取得する例

Please follow and like us: