トグルボタンは、外観はButtonコントロールに似ていますが、押されている状態と押されていない状態を切りわけることができるコントロールです。この記事では ToggelButton の基本使用方法について説明します。
環境
開発環境 | Microsoft Visual Studio Professional 2019 Preview Version 16.11.0 Preview 3.0 |
Framework | Microsoft .NET Framework Version 4.8.04084 |
その他 | Microsoft.Project Reunion 0.8.0-preview |
Microsoft.ProjectReunion.Foundation 0.8.0-preview | |
Microsoft.ProjectReunion.WinUI 0.8.0-preview | |
Microsoft.UI.Xaml 2.6.1 |
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:
コメント