wpf - Desplácese ListViewItem para estar en la parte superior de un ListView

scroll

Question

En WPF, sé que puedo usar ListView.ScrollIntoView para desplazar un elemento en particular a la vista, pero siempre hará la menor cantidad de desplazamiento para que se muestre el elemento.

¿Cómo puedo hacer que se desplace para que el elemento que quiero mostrar se desplaza a la parte superior de ListView?

He pensado en llamar a ScrollIntoView dos veces, una vez para el artículo que quiero en la parte superior y una para el último elemento mostrado, pero no sé cómo averiguar cuál es el último elemento que se muestra.

Answer 1

Podemos hacer esto obteniendo el ScrollViewer que está presente en ControlTemplate de ListView. Si tiene acceso a un ScrollViewer, hay muchos métodos de desplazamiento diferentes expuestos.

Primero, podemos crear un ListView al que queremos agregar este efecto:

<ListView ItemsSource="{Binding Percents}"
SelectionChanged="OnSelectionChanged"
x:Name="uiListView"/>

public List<int> Percents { get; set; }
public Window1()
{
InitializeComponent();
Percents = new List<int>();
for (int i = 1; i <= 100; i++)
{
Percents.Add(i);
}
this.DataContext = this;
}

También necesitaremos algo que podamos usar para obtener el ScrollViewer de ListView. He usado algo similar a esto antes para trabajar con desplazamiento personalizado, y podemos usarlo aquí también.

public static DependencyObject GetScrollViewer(DependencyObject o)
{
if (o is ScrollViewer)
{ return o; }
for (int i = 0; i < VisualTreeHelper.GetChildrenCount(o); i++)
{
var child = VisualTreeHelper.GetChild(o, i);
var result = GetScrollViewer(child);
if (result == null)
{
continue;
}
else
{
return result;
}
}
return null;
}

Ahora, solo tenemos que manejar el evento SelectionChanged. Debido a que estamos tratando de desplazar un elemento a la parte superior de la lista, la mejor opción es desplazarse hacia la parte inferior, y luego volver a desplazarse hacia arriba hasta nuestro elemento seleccionado. Como dijiste, ScrollIntoView se desplazará solo hasta que el elemento sea visible, de modo que una vez que el elemento seleccionado llegue a la parte superior a medida que se desplaza hacia atrás, dejará de dejar nuestro elemento seleccionado en la parte superior de la lista.

private void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
{
ScrollViewer scrollViewer = GetScrollViewer(uiListView) as ScrollViewer;
scrollViewer.ScrollToBottom();
uiListView.ScrollIntoView(e.AddedItems[0]);
}