WPF - элегантный способ отключения и включения различных элементов управления на основе разных состояний модели с использованием MVVM
-
04-10-2019 - |
Вопрос
Я ищу элегантное решение для следующей проблемы.
Предположим, у нас есть (View) модель со следующими логическими свойствами:
- Альфа
- Бета
- Гамма
- Дельта
Затем у меня есть 5 элементов управления на поверхности, которые должны быть видны только при выполнении условия на основе этих свойств. Конечно, как только одна из этих свойств обновляется, изменение следует распространять непосредственно:
- Контроль -> Альфа && (бета || гамма)
- Controlb -> Delta
- Controlc -> Дельта || Бета
- Controld -> Gamma && Alpha && Delta
- Противоположно -> альфа || Гамма
Единственное решение, которое я придумал до сих пор, использует многовалеконтры.
Пример для управления:
<ControlA>
<ControlA.Visibility>
<MultiBinding Converter={StaticResource ControlAVisibilityConverter}>
<Binding Path="Alpha"/>
<Binding Path="Beta"/>
<Binding Path="Gamma"/>
</MultiBinding>
</ControlA.Visibility>
</ControlA>
Это контролируемость контроля проверки для условия «ALPHA && (BETA || GAMMA)» и возвращает соответствующее значение.
Это работает .. Ну ... но, возможно, вы можете придумать более элегантное решение?
Спасибо, Твинхабит
Решение
Написание преобразователя для каждого правила помещает вашу бизнес-логику в два места в этом случае (в преобразователе и модели представления). Я предлагаю создать свойство / флаг для каждого элемента управления в вашем ViewModel с EnotifyPropertyChanged событиями, чтобы решить, виден контроль (или другое поведение).
Обратите внимание, что, когда вы посмотрите на мой ViewModel (ниже), вы увидите, что я выставив свойства типа Bool и Visibility.
Если вам нужно использовать свойство в качестве общего правила, используйте Bool и DataTrigger.
public bool ControlD
Если вам нужно только контролировать видимость, вы можете связаться с видимостью напрямую:
public Visibility ControlA
ОБНОВИТЬ: Из-за комментариев Programmer @WALLSTREET я добавил другой вариант для использования BooleanVisibilityConverter. Я обновил пятый контроль ниже, чтобы отразить, как использовать преобразователь. Я добавил код для преобразователя внизу.
Вот тестовое окно в 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();
}
}
Другие советы
Предполагая, что есть бизнес-логические причины для того, следует ли отображаться элементы управления, я бы определенно имел логику, хранящуюся в виде BoOL в ViewModel (хотя я имел его в соответствии с бизнес-логикой, например, Это позволяет простым тестированием блока гарантировать, что критерии устанавливаются правильно как альфа, бета, гамма и дельта-измените. Кроме того, я согласился с ответом программистов WallStreet (хотя у меня нет репутации, чтобы прокомментировать или голосовать его ответ).
Если команды поддержки элементов управления (например, если они являются кнопками), используйте командный шаблон. С участием RelayCommand
(Посмотрите на это), вы можете указать условие, под которым элемент управления включает в себя выражение лямбда (что именно то, что вам нужно). Это нужен какой-то код, хотя.