XAML-トグルボタン

トグルボタンは、CheckBoxやRadioButtonなどの状態を切り替えることができるコントロールです。 ToggleButtonクラスの階層的な継承は次のとおりです-

プロパティ

以下は、ToggleButtonクラスで一般的に使用されるプロパティです。

Sr.No.	Property & Description
1	IsChecked ToggleButtonがチェックされているかどうかを取得または設定します。
2	IsCheckedProperty IsChecked依存プロパティを識別します。
3	IsThreeState コントロールが3つの状態をサポートするかどうかを示す値を取得または設定します。
4	IsThreeStateProperty IsThreeState依存プロパティを識別します。

イベント

以下は、ToggleButtonクラスで一般的に使用されるイベントです。

Sr.No.

Event & Description

1

Checked

ToggleButtonがチェックされたときに発生します。

2

Indeterminate

ToggleButtonの状態が不確定状態に切り替えられたときに発生します。

3

Unchecked

ToggleButtonのチェックが解除されたときに発生します。

例

次の例は、XAMLアプリケーションでのToggleButtonの使用方法を示しています。以下は、いくつかのプロパティを使用してToggleButtonを作成および初期化するXAMLコードです。

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

   <Grid Background = "{ThemeResource ApplicationPageBackgroundThemeBrush}">
      <StackPanel Orientation = "Vertical">
         <ToggleButton x:Name = "cb2" Content = "Toggle"
            Checked = "HandleCheck" Unchecked = "HandleUnchecked"
            Margin = "100" Width = "100" HorizontalAlignment = "Center"/>

         <TextBlock x:Name = "text2" Margin = "10" Width = "300"
            HorizontalAlignment = "Center" Height = "50" FontSize = "24"/>
      </StackPanel>
   </Grid>

</Page>

以下は、CheckedおよびUncheckedイベントのC＃実装です-

using System;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

//The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238

namespace XAMLToggleButton {
  ///<summary>
     ///An empty page that can be used on its own or navigated to within a Frame.
  ///</summary>

   public sealed partial class MainPage : Page {
      public MainPage() {
         this.InitializeComponent();
      }
      private void HandleCheck(object sender, RoutedEventArgs e) {
         text2.Text = "Button is Checked";
      }
      private void HandleUnchecked(object sender, RoutedEventArgs e) {
         text2.Text = "Button is unchecked.";
      }
   }
}

上記のコードをコンパイルして実行すると、次の出力が生成されます-

トグルボタン出力

上記のサンプルコードを実行し、他のいくつかのプロパティとイベントを試すことをお勧めします。

Xaml-togglebutton

目次

XAML-トグルボタン

プロパティ

イベント

例