Zapisywanie obszaru roboczego WPF jako obrazu następującego po wzorcu MVVM

Question

Mam płótno, np. podobne do this solution lub wielu innych przy użyciu ItemsControl.

Teraz chcę przycisk, który powinien być powiązany z ICommand. To polecenie powinno wywołać metodę klasy ViewModel, która może zapisać obraz. Metoda zapisu jest jasna, ale jak wykonać wiązanie zgodne ze wzorcem MVVM?

Answer 1

Ty mógł przejść płótnie Save metody ViewModel w użyciu CommandParameter

<Button Content="Save" 
     Command="{Binding SaveCanvasCommand}" 
     CommandParameter="{Binding ElenementName=myCanvas}" ?> 

<Canvas x:Name="myCanvas"> 
    <!-- Stuff to save --> 
</Canvas> 

A gdzieś w was ViewModel lub Command musiałbyś

void SaveCanvasCommandExecute(object parameter) 
{ 
    UIElement toSave = (UIElement)parameter; 
    //.. You'd probably use RenderTargetBitmap here to save toSave. 
} 

Answer 2

Jeśli nie chcą odwoływać elementy interfejsu użytkownika w ViewModel można użyć dołączonego zachowanie:

internal static class Behaviours 
{ 
    public static readonly DependencyProperty SaveCanvasProperty = 
     DependencyProperty.RegisterAttached("SaveCanvas", typeof(bool), typeof(Behaviours), 
              new UIPropertyMetadata(false, OnSaveCanvas)); 

    public static void SetSaveCanvas(DependencyObject obj, bool value) 
    { 
     obj.SetValue(SaveCanvasProperty, value); 
    } 

    public static bool GetSaveCanvas(DependencyObject obj) 
    { 
     return (bool)obj.GetValue(SaveCanvasProperty); 
    } 

    private static void OnSaveCanvas(DependencyObject obj, DependencyPropertyChangedEventArgs e) 
    { 
     if ((bool)e.NewValue) 
     { 
      // Save code..... 
     } 
    } 
} 

Następnie w ViewModel masz polecenie, które ustawia właściwość, również na ViewModel:

public ICommand SaveCanvasCommand 
    { 
     get 
     { 
      if (_saveCanvasCommand == null) 
       _saveCanvasCommand = new RelayCommand(() => { IsSaveCanvas = true; }); 

      return _saveCanvasCommand; 
     } 
    } 

a właściwość, która jest związana z Państwa zdanie:

public bool IsSaveCanvas 
    { 
     get { return _isSaveCanvas; } 
     set 
     { 
      _isSaveCanvas = value; 
      RaisePropertyChanged("IsSaveCanvas"); 
     } 
    } 

Th pl zaczepiając to wszystko w XAML wygląda następująco:

Dodaj Trigger na Control który wiąże wartości nieruchomości ViewModel do załączonego zachowań:

<UserControl.Style> 
    <Style> 
     <Style.Triggers> 
      <DataTrigger Binding="{Binding IsSaveCanvas}" Value="True"> 
       <Setter Property="wpfApplication1:Behaviours.SaveCanvas" Value="True"/> 
      </DataTrigger> 
      <DataTrigger Binding="{Binding IsSaveCanvas}" Value="False"> 
       <Setter Property="wpfApplication1:Behaviours.SaveCanvas" Value="False"/> 
      </DataTrigger> 
     </Style.Triggers> 
    </Style> 
</UserControl.Style> 

A potem związać swoją Button/MenuItem do ViewModels Zapisz Polecenie:

<Canvas.ContextMenu> 
     <MenuItem Header="Save" Command="{Binding SaveCanvasCommand}"/> 
    </Canvas.ContextMenu>