Quelle: dotnetpro
WPF-TreeView und MVVM in Einklang bringen, Teil 3 16.08.2021, 00:00 Uhr

Scroll-Hilfen und Adorner

Ein wenig Komfort für das Drag-and-drop von TreeViewItems.
In den vorangegangenen beiden Teilen dieser Serie [1] [2] wurde die Basis für Drag-and-drop-Funktionen in Verbindung mit TreeViews im MVVM-Stil gelegt. Zuletzt ging es darum, wie man erreicht, dass die TreeView, über die der Anwender ein Item mit der Maus zieht, automatisch den für das Ablegen des gezogenen Items anvisierten Zielbereich aufklappt und anzeigt. Der Lösungsansatz im Demoprojekt besteht darin, während des Zieh-Vorgangs Steuerflächen im oberen beziehungsweise unteren Bereich der TreeView einzublenden, die beim Überfahren mit der Maus die gewünschte Bildlauf-Aktion auslösen. Als Steuerflächen werden hier einfach ContentControls angelegt und in einem Grid über der TreeView positioniert (erster Teil von Listing 1). DragOver ist der Event, der hier zu berücksichtigen ist.
Listing 1: Buttons als Scroll-Hilfe
<UserControl x:Class=

    "MVVM_Utilities.ExtendedTreeView"...>

  <Grid >    

    ...

    <!--Buttons für Scrolling während Drag-and-drop-->

    <ContentControl Name="ScrollUpBtn"

      Content="??" AllowDrop="True" 

      DragOver="ScrollUpBtn_DragOver"

      Visibility="Collapsed" .../>

    <ContentControl Name="ScrollDownBtn"

      Content="??" AllowDrop="True" 

      DragOver="ScrollDownBtn_DragOver"

      Visibility="Collapsed" .../>

    </Grid>

</UserControl>



public partial class ExtendedTreeView : UserControl

{

  ...

  private void TVI_MouseMove(object sender,

      MouseEventArgs e)

  {

    ...

    // Rahmenbedingungen für DragDrop-Start prüfen

    if (e.LeftButton == MouseButtonState.Pressed &&

       isDragging && DragDropController.CanDrag(ti))

    {

      ScrollUpBtn.Visibility = Visibility.Visible;

      ScrollDownBtn.Visibility = Visibility.Visible;



      // DoDragDrop kehrt erst nach Abschluss

      // der Aktion wieder zurück

      DragDrop.DoDragDrop(tvi, tvi.DataContext,

        DragDropEffects.All);



      // fertig

      ScrollUpBtn.Visibility = Visibility.Collapsed;

      ScrollDownBtn.Visibility = Visibility.Collapsed;

    }

  }

  // ScrollViewer aus Template des TreeViews ermitteln

  private ScrollViewer TVScrollViewer =>

    _tv_.Template.FindName(

    "_tv_scrollviewer_", _tv_) as ScrollViewer;

 

  // Hilfs-Buttons für Scrolling während Drag-and-drop

  private void ScrollUpBtn_DragOver(object sender,

      DragEventArgs e)

  {

    TVScrollViewer.LineUp();

    // Kein Drop zulassen

    e.Effects = DragDropEffects.None;

  }



  private void ScrollDownBtn_DragOver(

      object sender, DragEventArgs e)

  {

    TVScrollViewer.LineDown();

    // Kein Drop zulassen

    e.Effects = DragDropEffects.None;

  }

}

dotnetpro

Sie wollen zukünftig auch von den Vorteilen eines plus-Abos profitieren? Werden Sie jetzt dotnetpro-plus-Kunde
  • 2 Monate Gratis testen
  • Über 4.000 qualifizierte Fachartikel
  • Auf jedem Gerät verfügbar