WPF MVVM: Appel d'une méthode dans un modèle de vue à partir d'un convertisseur

Question

J'ai un contrôle d'image WPF dont la propriété source est liée à une propriété qui renvoie une image. Puis j'ai un convertisseur qui prend l'image liée à la propriété source et la convertit en bitmapImage. Lorsque le téléchargement de bitmapimage est terminé, je voudrais exécuter une méthode dans mon modèle de vue, donc je me suis abonné à l'événement DownloadCompleted dans BitmapImage. Alors, comment puis-je appeler la méthode dans le modèle de vue du convertisseur? cela romprait-il les principes du MVVM?

Converter:

public class ImgToSrcConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, 
      System.Globalization.CultureInfo culture) 
    { 
     Image image = value as Image; 
     if (image != null) 
     { 
      MemoryStream ms = new MemoryStream(); 
      image.Save(ms, image.RawFormat); 
      ms.Seek(0, SeekOrigin.Begin); 
      BitmapImage bi = new BitmapImage(); 
      bi.BeginInit(); 
      bi.StreamSource = ms; 
      bi.EndInit(); 

      bi.DownloadCompleted += new EventHandler(bi_DownloadCompleted); 

      return bi; 
     } 
     return null; 
    } 

    public object ConvertBack(object value, Type targetType, 
     object parameter, System.Globalization.CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 

    private void bi_DownloadCompleted(object sender, EventArgs e) 
    { 
     // Call my method in view model 
    } 
} 

Answer 1

Vous pouvez utiliser un multi-convertisseur qui accepte plusieurs valeurs:

public class ImgToSrcConverter : IMultiValueConverter 
{ 
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture) 
    { 
     Image image = values[0] as Image; 
     if (image != null) 
     { 
      MemoryStream ms = new MemoryStream(); 
      image.Save(ms, image.RawFormat); 
      ms.Seek(0, SeekOrigin.Begin); 
      BitmapImage bi = new BitmapImage(); 
      bi.BeginInit(); 
      bi.StreamSource = ms; 
      bi.EndInit(); 

      ViewModel vm = values[1] as ViewModel; 
      bi.DownloadCompleted += (s, e) => 
      { 
       vm.Method(); 
      }; 

      return bi; 
     } 
     return null; 
    } 

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 
} 

Utilisation:

<Image Grid.Row="0"> 
    <Image.Source> 
     <MultiBinding NotifyOnTargetUpdated="True" Converter="{StaticResource imgToSrcConverter}"> 
      <Binding Path="ImageSrc" /> 
      <Binding Path="." /> 
     </MultiBinding> 
    </Image.Source> 
</Image> 

Et non, cela ne casse pas le modèle MVVM tant que votre logique d'application testable reste dans le modèle de vue.

Answer 2

Qu'est-ce que vous pouvez faire est passer le DataContext directement au convertisseur, puis accéder à la propriété applicable/méthode à partir de là.

l'image mise à jour XAML à:

<Image Grid.Row="0" 
     Source="{Binding Path=DataContext, 
         RelativeSource={RelativeSource Self}, 
         NotifyOnTargetUpdated=True, 
         Converter={StaticResource imgToSrcConverter}}" /> 

Ensuite, maintenez une référence à votre ViewModel et appeler en conséquence:

public class ImgToSrcConverter : IValueConverter 
{ 
    private MyViewModel _dataContext; 

    public object Convert(object value, Type targetType, object parameter, 
      System.Globalization.CultureInfo culture) 
    { 
     var dataContext = value as MyViewModel; 
     if (dataContext != null) 
     { 
      _dataContext = dataContext; 

      var image = dataContext.ImageSrc as Image; 
      if (image != null) 
      { 
       MemoryStream ms = new MemoryStream(); 
       image.Save(ms, image.RawFormat); 
       ms.Seek(0, SeekOrigin.Begin); 
       BitmapImage bi = new BitmapImage(); 
       bi.BeginInit(); 
       bi.StreamSource = ms; 
       bi.EndInit(); 

       bi.DownloadCompleted += new EventHandler(bi_DownloadCompleted); 

       return bi; 
      } 
     } 
     return null; 
    } 

    public object ConvertBack(object value, Type targetType, 
     object parameter, System.Globalization.CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 

    private void bi_DownloadCompleted(object sender, EventArgs e) 
    { 
     _dataContext?.MyMethod(); 
    } 
}   

Remarque, que je pense que c'est un peu de code- odeur pour MVVM, typiquement, vous ne voudriez jamais que votre ViewModel soit accessible via le convertisseur. Pour moi, il semble qu'une partie de cette logique peut être chargée/maintenue dans le ViewModel lui-même plutôt que de s'appuyer sur un convertisseur.

Answer 3

Theres une approche à l'aide d'un IMultiValueConverter afin que vous puissiez obtenir votre image et datacontext (vievmodel) au convertisseur ... WPF: MultiBinding and IMultiValueConverter

Une autre façon pourrait être un EventAggregator/MessageBus puis envoyer un message à votre ViewModel. ..? Bien que beaucoup prétendent qu'un MessageBus peut être considéré comme un anti-pattern. Roll Your Own Simple Message Bus/Event Aggregator