[WinUI 3][ToggleButton] トグルボタンの基本使用方法

トグルボタンは、外観はButtonコントロールに似ていますが、押されている状態と押されていない状態を切りわけることができるコントロールです。この記事では　ToggelButton の基本使用方法について説明します。

環境

ToggleButton を使用する

まずは、MainWindow.xaml に1つ ToggleButtonコントロールを貼り付けて実行してみましょう。

ボタンの表面に表示する文字列は Content プロパティに設定します。

<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="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
        <ToggleButton x:Name="myToggleButton" Content="ToggleButton" />
    </StackPanel>
</Window>

ToggleButton コントロールを一度クリックすると押された状態となり色が変わります。もう一度クリックすると元の状態に戻ります。

押されていない状態

押された状態

Please follow and like us: