6

次の問題のエレガントな解決策を探しています。

次のブール値プロパティを持つ (View)Model があるとします。

  • アルファ
  • ベータ
  • ガンマ
  • デルタ

次に、これらのプロパティに基づく条件が満たされた場合にのみ表示されるサーフェスに 5 つのコントロールがあります。もちろん、これらのプロパティのいずれかが更新されるとすぐに、変更がすぐに反映されます。

  • ControlA -> アルファ && (ベータ || ガンマ)
  • ControlB -> デルタ
  • ControlC -> デルタ || ベータ
  • ControlD -> ガンマ && アルファ && デルタ
  • ControlE -> アルファ || ガンマ

これまでに思いついた唯一の解決策は、MultiValueConverters を使用することです。

コントロール A の例:

<ControlA>
   <ControlA.Visibility>
      <MultiBinding Converter={StaticResource ControlAVisibilityConverter}>
          <Binding Path="Alpha"/>
          <Binding Path="Beta"/>
          <Binding Path="Gamma"/>
      </MultiBinding>
   </ControlA.Visibility>
</ControlA>

この ControlAVisibilityConverter は、条件「Alpha && ( Beta || Gamma )」をチェックし、適切な値を返します。

それはうまくいきます..うまくいきます..しかし、もっとエレガントな解決策を思い付くことができますか?

ありがとう、TwinHabit

4

3 に答える 3

5

この場合、ルールごとにコンバーターを作成すると、ビジネス ロジックが 2 つの場所 (コンバーターとビュー モデル) に配置されます。INotifyPropertyChanged イベントを使用して ViewModel の各コントロールのプロパティ/フラグを作成し、コントロールが表示されるかどうか (または他の動作) を判断することをお勧めします。

ビューモデル (以下) を見ると、bool 型と Visibilty 型のプロパティを公開していることがわかります。

原則としてプロパティを使用する必要がある場合は、bool と DataTrigger を使用します。

public bool ControlD

可視性のみを制御する必要がある場合は、可視性に直接バインドできます。

public Visibility ControlA

UPDATE : @Wallstreet Programmer によるコメントのため、BooleanVisibilityConverter を使用する別のオプションを追加しました。以下の 5 番目のコントロールを更新して、コンバーターの使用方法を反映させました。一番下にコンバーターのコードを追加しました。

XAML のテスト ウィンドウを次に示します。

<Window x:Class="ControlVisibleTrigger.Views.MainView"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Main Window" Height="400" Width="800">
  <Window.Resources>
    <Style x:Key="DropDownStyle" TargetType="TextBox">
        <Setter Property="Visibility" Value="Hidden"/>
        <Style.Triggers>
            <DataTrigger Binding="{Binding ControlC}" Value="True">
                <Setter Property="Visibility" Value="Visible"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>
  </Window.Resources>
  <DockPanel>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <StackPanel Grid.Row="0">
            <CheckBox IsChecked="{Binding Path=Alpha,Mode=TwoWay}" Content="Alpha"/>
            <CheckBox IsChecked="{Binding Path=Beta,Mode=TwoWay}" Content="Beta"/>
            <CheckBox IsChecked="{Binding Path=Gamma,Mode=TwoWay}" Content="Gamma"/>
            <CheckBox IsChecked="{Binding Path=Delta,Mode=TwoWay}" Content="Delta"/>
        </StackPanel>
        <TextBox Grid.Row="1" Visibility="{Binding Path=ControlA}" Text="Binding to visibility"/>
        <Button Grid.Row="2" Visibility="{Binding Path=ControlB}" Content="Binding to visibility"/>
        <TextBox Grid.Row="3" Style="{StaticResource DropDownStyle}" Text="Using WindowResource DataTrigger"/>
        <TextBox Grid.Row="4" Text="Using Local DataTrigger">
            <TextBox.Style>
              <Style TargetType="TextBox">
                <Setter Property="Visibility" Value="Hidden"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding ControlD}" Value="True">
                        <Setter Property="Visibility" Value="Visible"/>
                    </DataTrigger>
                </Style.Triggers>
              </Style>
            </TextBox.Style>
        </TextBox>
        <Button Grid.Row="5" 
                Content="Press me" 
                Visibility="{Binding Path=ControlE, Converter={StaticResource booleanVisibilityConverter}, ConverterParameter=True, Mode=OneWay}">
    </Grid>
  </DockPanel>
</Window>

ビューモデルは次のとおりです。

public class MainViewModel : ViewModelBase
{
  public MainViewModel()
  {
  }

  private bool _alpha = true;
  public bool Alpha
  {
     get
     {
        return _alpha;
     }
     set
     {
        _alpha = value;
        OnPropertyChanged("ControlA");
        OnPropertyChanged("ControlB");
        OnPropertyChanged("ControlC");
        OnPropertyChanged("ControlD");
        OnPropertyChanged("ControlE");
     }
  }

  private bool _beta = true;
  public bool Beta
  {
     get
     {
        return _beta;
     }
     set
     {
        _beta = value;
        OnPropertyChanged("ControlA");
        OnPropertyChanged("ControlB");
        OnPropertyChanged("ControlC");
        OnPropertyChanged("ControlD");
        OnPropertyChanged("ControlE");
     }
  }

  private bool _gamma = true;
  public bool Gamma
  {
     get
     {
        return _gamma;
     }
     set
     {
        _gamma = value;
        OnPropertyChanged("ControlA");
        OnPropertyChanged("ControlB");
        OnPropertyChanged("ControlC");
        OnPropertyChanged("ControlD");
        OnPropertyChanged("ControlE");
     }
  }

  private bool _delta = true;
  public bool Delta
  {
     get
     {
        return _delta;
     }
     set
     {
        _delta = value;
        OnPropertyChanged("ControlA");
        OnPropertyChanged("ControlB");
        OnPropertyChanged("ControlC");
        OnPropertyChanged("ControlD");
        OnPropertyChanged("ControlE");
     }
  }

  public Visibility ControlA
  {
     get
     {
        Visibility result = Visibility.Hidden;
        if ( Alpha && (Beta || Gamma))
        {
           result = Visibility.Visible;
        }
        return result;
     }
  }

  public Visibility ControlB
  {
     get
     {
        Visibility result = Visibility.Hidden;
        if ( Delta )
        {
           result = Visibility.Visible;
        }
        return result;
     }
  }

  private bool _controlC = false;
  public bool ControlC
  {
     get
     {
        return Delta || Beta;
     }
  }

  private bool _controlD = false;
  public bool ControlD
  {
     get
     {
        return Gamma && Alpha && Delta;
     }
  }

  private bool _controlE = false;
  public bool ControlE
  {
     get
     {
        return Alpha || Gamma;
     }
  }
}

コンバーターは次のとおりです。

public class BooleanVisibilityConverter : IValueConverter
{
  public object Convert( object value, Type targetType, object parameter, System.Globalization.CultureInfo culture )
  {
    if( ( value == null ) || ( !( value is bool ) ) )
      return Binding.DoNothing;

    Visibility elementVisibility;
    bool shouldCollapse = ( ( bool )value );

    if( parameter != null )
    {
      try
      {
        bool inverse = System.Convert.ToBoolean( parameter );

        if( inverse )
          shouldCollapse = !shouldCollapse;
      }
      catch
      {
      }
    }

    elementVisibility = shouldCollapse ? Visibility.Collapsed : Visibility.Visible;
    return elementVisibility;
  }

  public object ConvertBack( object value, Type targetType, object parameter, System.Globalization.CultureInfo culture )
  {
    throw new NotImplementedException();
  }
}
于 2010-09-22T14:38:47.187 に答える
3

コントロールを表示する必要があるかどうかにビジネス ロジックの理由があると仮定すると、ViewModel にロジックを bool として保存することは間違いありません (ただし、ビジネス ロジックに従って名前を付けます。たとえば、CriteriaA ではなく ControlAVisible)。これにより、単体テストが容易になり、アルファ、ベータ、ガンマ、およびデルタの変化に応じて基準が正しく設定されていることを確認できます。それ以外は、ウォールストリートプログラマーの回答に同意します(ただし、コメントしたり、彼の回答に投票したりする担当者はいません)。

于 2010-09-24T14:04:20.110 に答える
0

コントロールがコマンドをサポートしている場合 (たとえば、ボタンの場合)、コマンド パターンを使用します。(look it up) を使用RelayCommandすると、コントロールが有効になる条件をラムダ式で指定できます (これはまさに必要なものです)。ただし、コード ビハインドが必要です。

于 2010-09-21T21:53:02.413 に答える