Blättern Sie ListViewItem an der Spitze einer ListView

In WPF, die ich kenne, die ich verwenden kann ListView.ScrollIntoView zu Blättern, einen bestimmten Gegenstand in den Blick, sondern es wird immer die geringste Menge an Blättern, so dass das Element angezeigt wird.

Wie kann ich es machen das Blättern, so dass der Artikel, den ich will, um zu zeigen, steht Sie an der Spitze der ListView?

Habe ich mir Gedanken über den Aufruf von ScrollIntoView zweimal, einmal für den Artikel, den ich will an die Spitze, und einmal für den zuletzt angezeigten Punkt, aber ich weiß nicht, wie um herauszufinden, was die zuletzt angezeigten Element.

InformationsquelleAutor Ray | 2009-07-03

17

Wir können dies tun, indem er die ScrollViewer, die in der ListView ControlTemplate. Wenn Sie Zugang zu einem ScrollViewer-dann gibt es viel verschiedene scrolling-Methoden ausgesetzt.

Zuerst erstellen wir eine ListView, die wir hinzufügen möchten, dieser Effekt um:
```
<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;
}
```
Benötigen wir auch etwas, das wir verwenden können zu erhalten, das ScrollViewer-Element aus dem ListView. Ich habe etwas ähnliches vor, um das arbeiten mit benutzerdefinierten scrollen, und wir können es auch hier.
```
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;
}
```
Nun, wir brauchen nur zu behandeln, das SelectionChanged-Ereignis. Weil wir versuchen, Blättern Sie ein Element am Anfang der Liste, ist die beste option, um einen Bildlauf nach unten, und dann wieder nach oben scrollen, um unsere ausgewählte Element. Als Sie sagte, ScrollIntoView scrollen bis der Artikel sichtbar ist, und so, sobald die ausgewählte Position erreicht, wie es Schriftrollen zurück, es wird aufhören, uns zu verlassen mit unseren ausgewählten Element an der Spitze der Liste.
```
private void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
{
    ScrollViewer scrollViewer = GetScrollViewer(uiListView) as ScrollViewer;
    scrollViewer.ScrollToBottom();

    uiListView.ScrollIntoView(e.AddedItems[0]);
}
```
- Perfekt 🙂 Vielen Dank
- Es funktioniert wie ein Charme für mich. Danke !!!
- Beachten Sie, wenn Sie die Extended WPF Toolkit, können Sie das ScrollViewer-Element in einer Zeile code: VisualTreeHelperEx.FindDescendantByType<ScrollViewer - >(YourListView);
- Schön @Mr. Bungle! Nur das hinzufügen von ein wenig: VisualTreeHelperEx ist in Xceed.Wpf.Toolkit.Core.Utilities-namespace. Hatte ein wenig zu Graben, es zu finden, das tief 😉
InformationsquelleAutor rmoore

Dies ist eine alternative zu der Antwort von @rmoore, dass vermeidet scrollen, um den unteren. Beachten Sie auch, dass dies nur nützlich in Fällen, in denen SelectionMode=Single.

In Fall, dass ScrollViewer.CanContentScroll=True die ScrollViewer können, Blättern Sie direkt zu der SelectedIndex.

private void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
{
    ScrollViewer scrollViewer = GetScrollViewer(uiListView) as ScrollViewer;      
    scrollViewer.ScrollToVerticalOffset(listView.SelectedIndex);
}

werden, und im Fall ScrollViewer.CanContentScroll=False einige zusätzliche XAML-Code ist erforderlich:

<ListView ScrollViewer.CanContentScroll="False" ItemsSource="{Binding Percents}" x:Name="uiListView">
    <ListView.ItemContainerStyle>
        <Style TargetType="{x:Type ListViewItem}">
            <EventSetter Event="Selected" Handler="OnSelected"/>
        </Style>
     </ListView.ItemContainerStyle>
</ListView>

Und die ScrollViewer bewegen kann, um den vertikalen Abstand von der Oberseite des ListViewItem.

private void OnSelected(object sender, RoutedEventArgs e)
{
    ScrollViewer scrollViewer = GetScrollViewer(uiListView) as ScrollViewer;      

    ListViewItem listViewItem = (ListViewItem)e.Source;
    Point offset = listViewItem.TranslatePoint(new Point(), scrollViewer);
    scrollViewer.ScrollToVerticalOffset(scrollViewer.VerticalOffset + offset.Y);
}

InformationsquelleAutor Wouter

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.