在视图模型中选择特性更改时的图像

本文关键字:图像 视图 模型 选择 | 更新日期: 2023-09-27 18:00:39

我想在我的WPF应用程序中实现一个视觉指示(灯泡),每当我的视图模型(MVVM)中的属性(string RFID,引发PropertyChanged事件)发生变化时,它就会短时间发光。我的窗口的DataContext被设置为视图模型。我有两张照片显示灯泡开着/关着。

我尝试了触发器和样式,但没有成功:

    <Image>
        <Image.Style>
            <Style TargetType="Image">
                <Setter Property="Source" Value="LightGrey.png"/>
                <Style.Triggers>
                    <Trigger Property="RFID" Value="???">
                        <Setter Property="Source" Value="LightGreen.png"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Image.Style>
    </Image>

感谢您的帮助!

在视图模型中选择特性更改时的图像

您的ViewModel中可以有一个布尔IsLightOn属性,并且每当RFID触发PropertyChanged事件时,ViewModel就会打开IsLightOn = true并设置一个计时器,该计时器在X秒后打开IsLightOn = false

如果您不想要建议的附加bool属性。您可以编写一个简单的值转换器来执行此操作。

    class AnyToBoolConverter: IValueConverter   
    { 
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
        { 
            return (value != null) ? true : false; 
        } 
          
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
        { 
            return DependencyProperty.UnsetValue; 
        } 
    } 

这种转换器在许多情况下都会派上用场。你可以这样做:

<DataTrigger Binding="{Binding Path=RFID, Converter={StaticResource boolConverter}}" Value="True"> 
      <Setter Property="Source" Value="LightGreen.png"/> 
</DataTrigger>