WPF将枚举绑定到可见性

时间:2018-07-19 22:31:00

标签: c# wpf xaml binding

我正在针对WPF应用程序使用MVVM模式(入门)

我在模型的类TrainDirection中定义了一个名为Train.cs的属性:

public enum TrainDirection
{
    Unknown,
    None,
    Left,
    Right
}

在视图中,我想根据枚举的值显示/隐藏表示symbol的{​​{1}}。

enter image description here

我创建了一个'UserControl':

trainObject

我想我需要一个<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> 之类的东西才能将可见性属性绑定到TrainDirection,以便根据“方向”显示/隐藏正确的符号。

我想以这种方式实现转换器:

trainDirectionToVisibilityConverter

还有一个ResourceDictionary,其中为应用程序定义了自定义样式。

如何实现此绑定?

一些解释将非常有帮助,因为我才刚刚开始使用C#和WPF编程

1 个答案:

答案 0 :(得分:8)

不需要转换器,您只需使用数据触发器即可,例如:

    <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...

然后创建一种样式,该样式将绑定值与Tag中的值进行比较,并相应地设置可见性:

<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,因为它可以最大程度地减少绑定和GUI对象的数量,同时仍然相对易于阅读和理解。