☰

WPF トグルボタンの IsChecked 状態へのバインド 質問する

tag-icon • tag-icon wpf xaml binding togglebutton
WPF トグルボタンの IsChecked 状態へのバインド 質問する

WPF を使用して、ToggleButtonアプリケーション内の一部のコントロールを展開したり折りたたんだりしたいと考えています。XAML を使用してこれを実現するにはどうすればよいでしょうか?

Visibilityいくつかのコントロールの属性を の状態にToggleButton何らかの方法でバインドできると考えていますIsCheckedが、その方法がわかりません。

ToggleButtonおそらく、を指定しNameてから、 を使用してバインドする必要がありますかElementName? その場合、ブール値と Visibility 間の変換には が必要になりますよね?この目的のためにValueConverterジェネリックを作成するにはどうすればよいですか?ValueConverter

ベストアンサー1

Visibilityコンバーターを介してバインドする必要があります:

<Window
  x:Class="WpfApplication1.Window1"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Window.Resources>
    <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
  </Window.Resources>
  <StackPanel>
    <ToggleButton x:Name="toggleButton" Content="Toggle"/>
    <TextBlock
      Text="Some text"
      Visibility="{Binding IsChecked, ElementName=toggleButton, Converter={StaticResource BooleanToVisibilityConverter}}"/>
  </StackPanel>
</Window>

Silverlight にはありませんBooleanToVisibilityConverterが、いくつかの機能を追加して独自のものを作成することは簡単です。

using System;
using System.Globalization;
using System.Windows;
using System.Windows.Data;

namespace WpfApplication1 {

  public class BooleanToVisibilityConverter : IValueConverter {

    public Object Convert(Object value, Type targetType, Object parameter, CultureInfo culture) {
      if (targetType == typeof(Visibility)) {
        var visible = System.Convert.ToBoolean(value, culture);
        if (InvertVisibility)
          visible = !visible;
        return visible ? Visibility.Visible : Visibility.Collapsed;
      }
      throw new InvalidOperationException("Converter can only convert to value of type Visibility.");
    }

    public Object ConvertBack(Object value, Type targetType, Object parameter, CultureInfo culture) {
      throw new InvalidOperationException("Converter cannot convert back.");
    }

    public Boolean InvertVisibility { get; set; }

  }

}

これで、trueとをマップするコンバーターを指定できます。CollapsedfalseVisible

<BooleanToVisibilityConverter
  x:Key="InverseBooleanToVisibilityConverter" InvertVisibility="True"/>

おすすめ記事