wpf datatrigger on enum to change image

vxbzzdmp 于 2023-03-31 发布在其他

关注(0)|答案(3)|浏览(146)

我有一个固定背景图像的按钮，想在它上面显示一个小的覆盖图像。选择哪个覆盖图像取决于相应视图模型的依赖属性（LapCounterPingStatus）。
这是我目前得到的：

<Button>
    <Grid>
        <Image Stretch="None"> <!-- Background Image -->
            <Image.Style>
                <Style TargetType="{x:Type Image}">
                    <Setter Property="Source" Value="/Images/Pingn.png"/>
                </Style>
            </Image.Style>
        </Image>
        <Image Stretch="None" Panel.ZIndex="1"> <!-- Small Overlay Image -->
            <Image.Style>
                <Style TargetType="{x:Type Image}">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Path=LapCounterPingStatus}" Value="PingStatus.PING_UNKNOWN">
                            <Setter Property="Source" Value="/Images/RefreshOverlayn.png"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding Path=LapCounterPingStatus}" Value="PingStatus.PING_FAILURE">
                            <Setter Property="Source" Value="/Images/ErrorOverlayn.png"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding Path=LapCounterPingStatus}" Value="PingStatus.PING_SUCCESS">
                            <Setter Property="Source" Value="/Images/CheckmarkOverlayn.png"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Image.Style>
        </Image>
    </Grid>
</Button>

我的视图模型的相关部分

public class ConfigurationViewModel
{
    public enum PingStatus { PING_UNKNOWN, PING_SUCCESS, PING_FAILURE };

    public PingStatus LapCounterPingStatus
    {
        get { return _lapCounterPingStatus; }
        set
        {
            _lapCounterPingStatus = value;
            RaisePropertyChanged(LapCounterPingStatusPropertyName);
        }
    }
}

现在完全没有显示叠加图，可能是什么问题？
更新

IDE的跟踪窗口显示System.ArgumentException和System.FormatException。问题源是否是XAML中未知类型的枚举PingStatus？

wpf

来源：https://stackoverflow.com/questions/13917033/datatrigger-on-enum-to-change-image

3条答案

按热度按时间

7xzttuei1#

你需要两件事来让它工作：
1 -在XAML文件的根元素中添加一个xmlns引用，到定义Enum的命名空间：

<UserControl ...
xmlns:my="clr-namespace:YourEnumNamespace;assembly=YourAssembly">

2 -在DataTrigger的Value属性中，使用{x:Static}形式：

<DataTrigger Binding="{Binding Path=LapCounterPingStatus}" Value="{x:Static my:PingStatus.PING_UNKNOWN}">

请注意，Enum类型必须以上面定义的xmlns前缀作为前缀。

编辑：

如果你的枚举是在一个类中声明的，你需要使用以下语法：
{x:Static namespace:ClassName+EnumName.EnumValue}
例如：
{x:Static my:ConfigurationViewModel+PingStatus.PING_UNKNOWN}

赞(0）回复(0）举报 2023-03-31

3phpmpom2#

完成WPF + MVVM的工作示例。
在MSVC 2017上测试。
在视图中：

<TextBlock Text="Some text to be colored by an enum">
    <TextBlock.Style>
        <Style TargetType="{x:Type TextBlock}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding StatusIcon}" Value="{x:Static my:StatusIcon.Warning}">
                    <Setter Property="Foreground" Value="Yellow"/>
                </DataTrigger>
                <DataTrigger Binding="{Binding StatusIcon}" Value="{x:Static my:StatusIcon.Error}">
                    <Setter Property="Foreground" Value="Red}"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </TextBlock.Style>
</TextBlock>

如果使用ReSharper，并且DataContext设置正确，则当您在StatusIcon之后点击.时会有intellisense，即它将显示枚举的属性Debug，Info，Warning或Error。
如果使用ReSharper，它将建议对XAML文件头中的命名空间进行以下更新（这样很好）：

xmlns:my="clr-namespace:Class.Path.MyViewModel;assembly=MyAssembly"

关于VieModel：

public enum StatusIcon
{
    Debug,
    Info,
    Warning,
    Error
}

public class MyViewModel
{
    public StatusIcon StatusIcon { get; }
}

我们还使用Fody进行自动绑定。

赞(0）回复(0）举报 2023-03-31

htrmnn0y3#

您可以简单地将枚举值设置为DataTrigger Value...在MSVC 2017上测试。

<TextBlock Text="Some text to be colored by an enum">
    <TextBlock.Style>
        <Style TargetType="{x:Type TextBlock}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding StatusIcon}" Value="Warning">
                    <Setter Property="Foreground" Value="Yellow"/>
                </DataTrigger>
                <DataTrigger Binding="{Binding StatusIcon}" Value="Error">
                    <Setter Property="Foreground" Value="Red}"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </TextBlock.Style>
</TextBlock>

赞(0）回复(0）举报 2023-03-31

我来回答

wpf datatrigger on enum to change image

3条答案

相关问题

热门标签

最新问答