datatrigger trên enum để thay đổi hình ảnh

Tôi có một nút với hình nền cố định và muốn hiển thị một hình ảnh lớp phủ nhỏ trên đó. Hình ảnh lớp phủ nào để chọn phụ thuộc vào thuộc tính phụ thuộc ( LapCounterPingStatus) của mô hình theo.

Đây là những gì tôi nhận được cho đến nay:

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

Các phần có liên quan trong mô hình xem của tôi

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

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

Hiện tại, không có hình ảnh lớp phủ nào được hiển thị. Điều gì có thể sai?

CẬP NHẬT

Cửa sổ theo dõi IDE của tôi đang hiển thị System.ArgumentExceptionvà System.FormatException. Nguồn vấn đề có thể là một kiểu liệt kê không xác định, tôi PingStatuslà XAML?

Bạn cần 2 điều để làm cho nó hoạt động:

1 - Thêm xmlnstham chiếu trong phần tử gốc của tệp XAML của bạn, vào không gian tên nơi Enum của bạn được xác định:

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

2 - trong thuộc Valuetính của DataTrigger, sử dụng {x:Static}biểu mẫu:

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

Lưu ý rằng kiểu Enum phải được bắt đầu bằng tiền tố xmlns mà bạn đã xác định ở trên.

Biên tập:

Nếu Enum của bạn được khai báo bên trong một lớp, bạn cần sử dụng cú pháp:

{x:Static namespace:ClassName+EnumName.EnumValue}

ví dụ:

{x:Static my:ConfigurationViewModel+PingStatus.PING_UNKNOWN}

Hoàn thành ví dụ làm việc cho WPF + MVVM.

Đã thử nghiệm trên MSVC 2017.

Theo quan điểm:

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

Nếu sử dụng ReSharper, và nếu DataContext được thiết lập đúng, sẽ có IntelliSense khi bạn nhấn .sau StatusIcon, tức là nó sẽ hiển thị các thuộc tính của enum mà Debug, Info, Warninghoặc Error.

Nếu sử dụng ReSharper, nó sẽ đề xuất bản cập nhật sau cho không gian tên trong tiêu đề cho tệp XAML (nó tốt như vậy):

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

Và VieModel:

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

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

Chúng tôi cũng sử dụng Fodyđể ràng buộc tự động.