我正在为 WPF 应用程序使用 MVVM 模式(入门)
我在模型的类 Train.cs
中定义了一个名为 TrainDirection
的属性:
public enum TrainDirection
{
Unknown,
None,
Left,
Right
}
在 View 中,我想根据枚举的值显示/隐藏代表 trainObject
的 symbol
。
我创建了一个“用户控件”:
<Grid >
<Path x:Name="TrainToRight" Data="M80,160L220,160 270,190 220,220 80,220" Stretch="Fill" StrokeThickness="2" Opacity="0.9"
</Path>
<Path x:Name="TrainToLeft" Data="M130,160L260,160 260,220 130,220 80,190z" Stretch="Fill" StrokeThickness="2" Opacity="0.9"
</Path>
</Grid>
我想我需要类似 trainDirectionToVisibilityConverter
的东西来将可见性属性绑定(bind)到 TrainDirection,以便根据方向显示/隐藏正确的符号。
我想这样实现一个转换器:
class TrainDirectionToVisibilityConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
var direction = (TrainDirection)value;
switch (direction)
{
case TrainDirection.Unknown:
return Application.Current.FindResource("TrainDirectionUnknown");
case TrainDirection.None:
return Application.Current.FindResource("TrainDirectionNone");
case TrainDirection.Left:
return Application.Current.FindResource("TrainDirectionLeft");
case TrainDirection.Right:
return Application.Current.FindResource("TrainDirectionRight");
default: throw new ArgumentException($"Unsupported TranDirection value: {direction}");
}
}
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
throw new NotImplementedException();
}
}
还有一个 ResourceDictionary,其中为 App 定义了自定义样式。
我怎样才能实现这个绑定(bind)?
一些解释会很有帮助,因为我才刚刚开始使用 C# 和 WPF 编程
最佳答案
无需转换器,您只需使用数据触发器即可,例如:
<Path x:Name="TrainToRight" Data="M80,160L220,160 270,190 220,220 80,220" Stretch="Fill" StrokeThickness="2" Opacity="0.9">
<Path.Style>
<Style TargetType="{x:Type Path}">
<Setter Property="Visibility" Value="Hidden" /> <!-- default value -->
<Style.Triggers>
<DataTrigger Binding="{Binding TrainDirectionProperty}" Value="Unknown">
<Setter Property="Visibility" Value="Visible" />
</DataTrigger>
</Style.Triggers>
</Style>
</Path.Style>
</Path>
必须为每个路径执行一次。
或者,您也可以只声明一个路径并使用 DataTriggers 将“Data”属性设置为您需要的路径数据:
<Path Stretch="Fill" StrokeThickness="2" Stroke="Black" Opacity="0.9">
<Path.Style>
<Style TargetType="{x:Type Path}">
<Style.Triggers>
<DataTrigger Binding="{Binding TrainDirectionProperty}" Value="Left">
<Setter Property="Data" Value="M130,160L260,160 260,220 130,220 80,190z" />
</DataTrigger>
<DataTrigger Binding="{Binding TrainDirectionProperty}" Value="Right">
<Setter Property="Data" Value="M80,160L220,160 270,190 220,220 80,220" />
</DataTrigger>
<!-- etc -->
</Style.Triggers>
</Style>
</Path.Style>
</Path>
另一种可能性是创建一种所有路径都使用的通用样式。在这种情况下,您将需要一些其他方法来区分它们,一种方法是将它们的值存储在“Tag”属性中,您可以将其用于任意自定义数据:
<Path Tag="{x:Static vm:TrainDirection.Right}" Data="M80,160L220,160 270,190 220,220 80,220" Style="{StaticResource TrainDirectionStyle}" />
<Path Tag="{x:Static vm:TrainDirection.Left}" Data="M130,160L260,160 260,220 130,220 80,190z" Style="{StaticResource TrainDirectionStyle}" />
... etc...
然后您创建一个样式,将绑定(bind)值与标签中的值进行比较并相应地设置可见性:
<Style x:Key="TrainDirectionStyle" TargetType="{x:Type Path}">
<Setter Property="Stretch" Value="Fill" />
<Setter Property="StrokeThickness" Value="2" />
<Setter Property="Stroke" Value="Black" />
<Setter Property="Opacity" Value="0.9" />
<Setter Property="Visibility" Value="Hidden" />
<Style.Triggers>
<DataTrigger Value="True">
<DataTrigger.Binding>
<MultiBinding Converter="{StaticResource EqualityConverter}">
<Binding Path="TrainDirectionProperty" />
<Binding RelativeSource="{RelativeSource Self}" Path="Tag" />
</MultiBinding>
</DataTrigger.Binding>
<Setter Property="Visibility" Value="Visible" />
</DataTrigger>
</Style.Triggers>
</Style>
这是保证转换器的罕见情况之一,但它是一个通用的相等比较器,可以在代码的其他部分使用,而不是仅专门支持这种情况:
public class EqualityConverter : IMultiValueConverter
{
public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
{
return object.Equals(values[0], values[1]);
}
public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
{
throw new NotImplementedException();
}
}
我的首选选项可能是 #2,因为它最大限度地减少了绑定(bind)和 GUI 对象的数量,同时仍然相对容易阅读和理解。
关于c# - WPF 将枚举绑定(bind)到可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51432575/