取决于 DataContext 的条件 FrameworkElements

Question

在我的 M-V-VM 应用程序中，我必须显示用户的头像。图像在 ViewModel 对象的 ImageSource 类型的属性中提供。这就是我目前所拥有的：

<Image Source="{Binding Path=UserAvatar}"/>

但是，有些用户可能没有配置头像，所以 UserAvatar 是null。在这种情况下，我想显示一个默认头像。除了视图之外没有人必须知道默认图像，因为它只是表示的问题。

那么，如果 ImageSource 是 null，我如何才能显示具有给定 ImageSource 或特定资源的图像。我是否必须将某种 DataTemplate 与 DataTriggers 一起使用？从现在开始我只将它们用于ItemsControls，所以我不知道。

Answer 1

正如您猜对的那样，模板和触发器在这里确实是您的朋友。

这是一个使用ContentControl的实现：

<ContentControl Content="{Binding Path=UserAvatar}">
    <ContentControl.ContentTemplate>
        <DataTemplate>
            <Image x:Name="image" Source="{Binding}"/>
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding}" Value="{x:Null}">
                    <Setter TargetName="image" Property="Source" Value="--your awesome default image here--" />
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </ContentControl.ContentTemplate>
</ContentControl>

如果您的默认值不是ImageSource，并且您希望与其他控件一起玩一下，您可以随时使用Visibilty 属性：

<ContentControl Content="{Binding Path=UserAvatar}">
    <ContentControl.ContentTemplate>
        <DataTemplate>
            <Grid>
                <Image x:Name="image" Source="{Binding}" />
                <Canvas x:Name="defaultImage" Visibility="Collapsed" />
            </Grid>
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding}" Value="{x:Null}">
                    <Setter TargetName="image" Property="Visibility" Value="Collapsed" />
                    <Setter TargetName="defaultImage" Property="Visibility" Value="Visible" />
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </ContentControl.ContentTemplate>
</ContentControl>

希望这会有所帮助..