Wpf-togglebutton

提供:Dev Guides
移動先:案内検索

WPF-トグルボタン

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

トグルボタンの階層

ToggleButtonクラスで一般的に使用されるプロパティ

以下は、ToggleButtonの最も一般的に使用されるプロパティです。

Sr. No. Property & Description
1

IsChecked

ToggleButtonがチェックされているかどうかを取得または設定します。

2

IsCheckedProperty

IsChecked依存プロパティを識別します。

3

IsThreeState

コントロールが3つの状態をサポートするかどうかを示す値を取得または設定します。

4

IsThreeStateProperty

IsThreeState依存プロパティを識別します。

ToggleButtonクラスで一般的に使用されるイベント

以下は、ToggleButtonの最も一般的に使用されるイベントです。

Sr. No. Event & Description
1

Checked

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

2

Indeterminate

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

3

Unchecked

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

  • WPFToggleButtonControlを使用して新しいWPFプロジェクトを作成しましょう。
  • ツールボックスからテキストブロックとトグルボタンをドラッグします。
  • プロパティウィンドウからテキストブロックの背景色を変更します。
  • 次の例は、XAMLアプリケーションでのToggleButtonの使用方法を示しています。
  • 次のXAMLコードはToggleButtonを作成し、いくつかのプロパティで初期化します。
<Window x:Class = "WPFToggleButtonControl.MainWindow"
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008"
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
   xmlns:local = "clr-namespace:WPFToggleButtonControl"
   mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604">

   <StackPanel>
      <ToggleButton x:Name = "tb" Content = "Toggle"
         Checked = "HandleCheck" Unchecked = "HandleUnchecked"Margin = "20"
         Width = "108"HorizontalAlignment = "Center"/>
      <TextBlock x:Name = "text2" Margin = "20" Width = "300"
         HorizontalAlignment = "Center" FontSize = "24" Background = "#FFFDE0E0"/>
   </StackPanel>

</Window>

以下に、CheckedおよびUncheckedイベントの* C#実装*を示します。

using System.Windows;

namespace WPFToggleButtonControl {
  ///<summary>
     ///Interaction logic for MainWindow.xaml
  ///</summary>

   public partial class MainWindow : Window {

      public MainWindow() {
         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.";
      }

   }
}

上記のコードをコンパイルして実行すると、次のウィンドウが生成されます。 ボタンをクリックすると、色が変更され、テキストブロックが更新されます。

トグルボタンの出力

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