FrameworkElements conditionnel en fonction de DataContext

Question

Dans mon application M-V-VM, je dois montrer l'avatar de l'utilisateur. L'image est fournie dans une propriété de type ImageSource l'objet ViewModel. Alors voilà ce que j'ai actuellement:

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

Cependant, certains utilisateurs ne peuvent pas avoir un avatar configuré, donc useravatar est null. Dans ce cas, je veux montrer un avatar par défaut. Personne, mais la vue doit connaître l'image par défaut, car c'est juste une question de présentation.

Alors, comment puis-je montrer l'image avec l'ImageSource donné, ou une ressource spécifique si ImageSource est null. Dois-je utiliser une sorte de DataTemplate avec DataTriggers? Depuis maintenant je les ai seulement utilisés pour ItemsControls, donc je ne sais pas.

Answer 1

Comme vous l'avez deviné correctement, les modèles et les déclencheurs sont en effet votre ami ici.

est ici une mise en œuvre à l'aide du 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> 

Et dans la situation où votre défaut thingy est pas ImageSource, et que vous souhaitez jouer un peu avec d'autres, vous pouvez toujours avoir recours à la Visibilty propriété:

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