WPF TreeView - Come scorrere in modo che il ramo espanso sia visibile

Question

Quando si espande gli elementi nella vista albero in modo che lo scorrimento sia necessario, viene visualizzata una barra di scorrimento. Tuttavia, non scorre verso il basso per il ramo appena espanso di elementi: vengono ritagliati nella parte inferiore del controllo. Quindi, mentre continuo ad espandere gli oggetti nella parte inferiore dell'albero, devo continuare a scorrere manualmente verso il basso per vedere i nuovi bambini. Qualcuno ha un suggerimento su come farlo scorrere automaticamente per mostrare gli elementi appena espansi?

Answer 1

In TreeView, gestire l'evento TreeViewItem.Expanded (è possibile farlo a livello di TreeView a causa del bubbling degli eventi). Nel gestore espanso, chiama BringIntoView sull'oggetto TreeViewItem che ha generato l'evento.

Potrebbe essere necessario un po 'di tentativi ed errori per ottenere TreeViewItem nel codice del gestore di eventi. Penso (non ho controllato) che l'argomento del mittente per il gestore di eventi espanso sarà TreeView (poiché è lì che è collegato il gestore di eventi) piuttosto che TreeViewItem. E e.Source o e.OriginalSource può essere un elemento nel modello di dati di TreeViewItem. Quindi potresti aver bisogno di usare VisualTreeHelper per salire la struttura visuale per trovare TreeViewItem. Ma se si usa il debugger per ispezionare il mittente e RoutedEventArgs, questo dovrebbe essere banale da capire.

(Se riesci a farlo funzionare e vuoi raggrupparlo in modo da non dover collegare lo stesso gestore di eventi a ogni TreeView, dovrebbe essere facile incapsularlo come un attached behaviour che ti permetterà . per applicarlo in modo dichiarativo, anche attraverso uno stile)

Answer 2

Grazie alla risposta di itowlson, ecco il codice del gestore eventi esteso che funziona per entrambi i miei alberi

private static void Tree_Expanded(object sender, RoutedEventArgs e) 
{ 
    // ignore checking, assume original source is treeviewitem 
    var treeViewItem = (TreeViewItem)e.OriginalSource; 

    var count = VisualTreeHelper.GetChildrenCount(treeViewItem); 

    for (int i = count - 1; i >= 0; --i) 
    { 
     var childItem = VisualTreeHelper.GetChild(treeViewItem, i); 
     ((FrameworkElement)childItem).BringIntoView(); 
    } 

    // do NOT call BringIntoView on the actual treeviewitem - this negates everything 
    //treeViewItem.BringIntoView(); 
} 

Answer 3

Utilizzare una proprietà di dipendenza su un grilletto IsSelected:

<Style TargetType="{x:Type TreeViewItem}"> 
<Style.Triggers> 
    <Trigger Property="IsSelected" Value="True"> 
    <Setter Property="commands:TreeViewItemBehavior.BringIntoViewWhenSelected" Value="True" /> 
    </Trigger> 
</Style.Triggers> 

Ecco il codice della proprietà di dipendenza:

public static bool GetBringIntoViewWhenSelected(TreeViewItem treeViewItem) 
{ 
    return (bool)treeViewItem.GetValue(BringIntoViewWhenSelectedProperty); 
} 

public static void SetBringIntoViewWhenSelected(TreeViewItem treeViewItem, bool value) 
{ 
    treeViewItem.SetValue(BringIntoViewWhenSelectedProperty, value); 
} 

public static readonly DependencyProperty BringIntoViewWhenSelectedProperty = 
    DependencyProperty.RegisterAttached("BringIntoViewWhenSelected", typeof(bool), 
    typeof(TreeViewItemBehavior), new UIPropertyMetadata(false, OnBringIntoViewWhenSelectedChanged)); 

static void OnBringIntoViewWhenSelectedChanged(DependencyObject depObj, DependencyPropertyChangedEventArgs e) 
{ 
    TreeViewItem item = depObj as TreeViewItem; 
    if (item == null) 
    return; 

    if (e.NewValue is bool == false) 
    return; 

    if ((bool)e.NewValue) 
    item.BringIntoView(); 
} 

Answer 4

È possibile utilizzare un semplice EventSetter in stile TreeViewItem per invocare un gestore di eventi quando si seleziona la voce. Quindi chiama BringIntoView per l'oggetto.