滾動到列表視圖中的新項目爲UWP

Question

我創建一個包含消息的ListView的聊天應用程序。當發送/接收新消息時，ListView應滾動到新消息。

我使用MVVM，所以ListView的樣子

<ScrollViewer> 
    <ItemsControl Source="{Binding Messages}" /> 
</ScrollViewer> 

我該怎麼辦呢？

編輯：我試圖使這項工作在週年紀念更新創建行爲之前的版本中。這是我到目前爲止有：

public class FocusLastBehavior : Behavior<ItemsControl> 
{ 
    protected override void OnAttached() 
    { 
     base.OnAttached(); 
     AssociatedObject.Items.VectorChanged += ItemsOnVectorChanged; 
    } 

    private void ItemsOnVectorChanged(IObservableVector<object> sender, IVectorChangedEventArgs @event) 
    { 
     var scroll = VisualTreeExtensions.FindVisualAscendant<ScrollViewer>(AssociatedObject); 
     if (scroll == null) 
     { 
      return; 
     } 

     var last = AssociatedObject.Items.LastOrDefault(); 

     if (last == null) 
     { 
      return; 
     } 

     var container = AssociatedObject.ContainerFromItem(last); 


     ScrollToElement(scroll, (UIElement)container); 
    } 

    private static void ScrollToElement(ScrollViewer scrollViewer, UIElement element, 
     bool isVerticalScrolling = true, bool smoothScrolling = true, float? zoomFactor = null) 
    { 
     var transform = element.TransformToVisual((UIElement)scrollViewer.Content); 
     var position = transform.TransformPoint(new Point(0, 0)); 

     if (isVerticalScrolling) 
     { 
      scrollViewer.ChangeView(null, position.Y, zoomFactor, !smoothScrolling); 
     } 
     else 
     { 
      scrollViewer.ChangeView(position.X, null, zoomFactor, !smoothScrolling); 
     } 
    } 
} 

的代碼從UWP Community Toolkit

使用VisualTreeExtensions然而，位置調用TransformPoint總是返回{0, 0}

後，我在做什麼錯？

Answer 1

從Windows 10版本1607開始，您可以使用ItemsStackPanel。 ItemsUpdatingScrollMode與值KeepLastItemInView，這似乎是最適合的工作。

有一個在MS UWP文檔的"Inverted Lists"例子（2017年2月8日），這將歸結到這個XAML：

<ListView Source="{Binding Messages}"> 
    <ListView.ItemsPanel> 
     <ItemsPanelTemplate> 
      <ItemsStackPanel 
       VerticalAlignment="Bottom" 
       ItemsUpdatingScrollMode="KeepLastItemInView" 
      /> 
     </ItemsPanelTemplate> 
    </ListView.ItemsPanel> 
</ListView> 

在一個側面說明，當然了，我同意你可能希望擺脫ScrollViewer，因爲它是多餘的ListView包裝。

UPD：

KeepLastItemInView不適用於面向Windows 10 「週年紀念版」 之前的應用程序。如果是這種情況，確保一個列表始終顯示收集項目更改後的最後一個項目的一種方法是覆蓋OnItemsChanged並致電ScrollIntoView。一個基本的實現將如下所示：

using System.Linq; 
using Windows.UI.Xaml.Controls; 

public class ChatListView : ListView 
{ 
    protected override void OnItemsChanged(object e) 
    { 
     base.OnItemsChanged(e); 
     if(Items.Count > 0) ScrollIntoView(Items.Last()); 
    } 
} 

Answer 2

這裏vm.newmessageItem是新消息。我用它來獲取你想滾動的listviewitem。

if (listview != null) 
    { 
    listview.UpdateLayout(); 
    listview.ScrollIntoView(vm.newmessageItem); 
    var listViewItem = (FrameworkElement)listview.ContainerFromItem(vm.newmessageItem); 
     while (listViewItem == null) 
     { 
     await Task.Delay(1); 
     listViewItem = (FrameworkElement)listview.ContainerFromItem(vm.newmessageItem); 
     } 
     ScrollViewer scroll = Utility.FindFirstElementInVisualTree<ScrollViewer>(listview); 

     var topLeft = 
     listViewItem .TransformToVisual(listview)           .TransformPoint(new Point()).Y; 
     var lvih = listViewItem.ActualHeight; 
     var lvh = listview.ActualHeight; 
     var desiredTopLeft = (lvh - lvih) ; 

     var currentOffset = scroll.VerticalOffset; 
     var desiredOffset = currentOffset + desiredTopLeft; 
     listview.UpdateLayout(); 
     scroll.ChangeView(null, desiredOffset,null); 
     scroll.UpdateLayout(); 
    }