Conditional FrameworkElements in Abhängigkeit von DataContext

Question

In meiner M-V-VM-Anwendung muss ich den Avatar des Benutzers zeigen. Das Bild wird in einer Eigenschaft vom Typ ImageSource des ViewModel-Objekts bereitgestellt. Also das ist, was ich habe zur Zeit:

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

Jedoch können einige Benutzer nicht haben ein Avatar konfiguriert, so useravatar null ist. In diesem Fall möchte ich einen Standardavatar zeigen. Nur die Ansicht muss über das Standardbild wissen, da es sich nur um eine Präsentation handelt.

Also wie kann ich entweder das Bild mit der angegebenen ImageSource anzeigen, oder eine bestimmte Ressource, wenn ImageSource null ist. Muss ich eine Art DataTemplate mit DataTriggers verwenden? Da ich sie jetzt nur für ItemsControls verwendet habe, weiß ich es nicht.

Answer 1

Wie Sie richtig geraten haben, sind Vorlagen und Trigger in der Tat Ihr Freund hier. Hier

ist eine Implementierung der Verwendung von 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> 

Und in der Situation, wenn Ihr Standard-Dingen nicht ImageSource ist, und Sie wünschen, um ein wenig mit anderen Steuerungen zu spielen, können Sie sich immer auf die zurückgreifen Visibilty Immobilie:

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

Hope this ..