[WinUI 3][ToggleSwitch] ToggleSwitch の基本使用法

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

環境

ToggleSwitch の基本

ToggleSwitch はつまみをスライドさせてON と OFF を切り替えるスイッチです。

以下に XAML での例を示します。ToggleSwitch を On の状態にするには、IsOn プロパティに True を指定します。

ToggleSwitch の右脇には、その時の状態を示すカタカナ「オン」「オフ」が自動で表示されます。

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">
        <ToggleSwitch IsOn="True" />
        <ToggleSwitch IsOn="False" />
    </StackPanel>
</Window>

ToggleSwitch の基本使用例

WinUi Tips

本サイトでまとめている WinUI Tips の一覧はこちらから確認できます。

Please follow and like us: