cách tốt nhất để Di chuyển đến End of ScrollViewer

Question

Hiện nay, cách duy nhất tôi đã nhận được mã của tôi để tự động cuộn đến cuối cùng khi tôi thêm một mục mới như sau:

XAML:

<ScrollViewer x:Name="chatViewScroller" HorizontalAlignment="Left" Height="201" Margin="0,32,0,0" VerticalAlignment="Top" Width="475" Background="#7FFFFFFF"> 
    <StackPanel x:Name="chatViewContent" /> 
</ScrollViewer> 

Mã số:

   chatViewContent.Children.Add(
        new TextBlock() { 
         Text = text, 
         FontSize = 18, 
         TextWrapping = Windows.UI.Xaml.TextWrapping.Wrap, 
         Margin = new Thickness(10, 3, 10, 0), 
         Foreground = new Windows.UI.Xaml.Media.SolidColorBrush(
          isServerMessage ? Windows.UI.Colors.Purple : Windows.UI.Colors.Black) 
        }); 
       await Task.Delay(10); 
       chatViewScroller.ScrollToVerticalOffset(chatViewScroller.ScrollableHeight); 

Đây có phải là cách được chấp nhận không? Tôi có phải đợi một khoảng thời gian ngẫu nhiên không?

Answer 1

Tôi đã sử dụng như sau:

ScrollViewer viewer = GetScrollViewer(); 
if (viewer != null) 
{ 
    viewer.ScrollToVerticalOffset(viewer.ActualHeight); 
} 

Một giải pháp khác là đặt các mục vào một ListBox và sử dụng phương pháp ScrollIntoView

Answer 2

ScrollViewer.ScrollToVerticalOffset (ScrollViewer.ActualHeight) nên làm việc, nhưng nếu mã của bạn vừa mới cập nhật nội dung của trình xem cuộn, bạn có thể muốn gọi ScrollViewer.UpdateLayout() trước khi cuộn, để ScrollViewer.ActualHeight sẽ được cập nhật.

Answer 3

không có bất thường ngẫu nhiên không bao giờ là câu trả lời cho bất cứ điều gì trong bất kỳ ngôn ngữ nào ngoại trừ JavaScript có lẽ ... nó luôn luôn có "mã mùi" bạn biết không?

cách thích hợp để làm điều này là để buộc một "refresh" của các biện pháp của ScrollViewer đồng bộ bao gồm các trẻ em mới được bổ sung bằng cách gọi ScrollViewer.Measure(Size)

sau khi bạn "tái biện pháp" các ScrollableHeight sẽ là thích hợp giá trị và bạn có thể sử dụng nó như bình thường ..

như thế này:

private void AddMessage(string text, Color color) 
    { 
     var message = new TextBlock 
     { 
      Text = text, 
      FontSize = 18, 
      TextWrapping = TextWrapping.Wrap, 
      Margin = new Thickness(10, 3, 10, 0), 
      Foreground = new SolidColorBrush(color), 
     }; 

     chatViewContent.Children.Add(message); 

     chatViewScroller.Measure(chatViewScroller.RenderSize); 
     chatViewScroller.ScrollToVerticalOffset(chatViewScroller.ScrollableHeight); 
    } 

các Size chúng tôi đang sử dụng ở đây là RenderSize mà về mặt kỹ thuật có thể không chính xác trong một số trường hợp cực cạnh, nhưng nó khá gần với lý tưởng hoàn hảo cho mục đích của chúng tôi. bạn cũng có thể sử dụng kỹ thuật một cách tùy ý Size cho Measure(Size) và nhận được hiệu ứng tương tự. bất cứ điều gì tốt nhất cho giải pháp của bạn, hy vọng điều này sẽ giúp -ck

Answer 4

Sử dụng ActualHeight đã không làm việc cho tôi (tôi vẫn chưa hiểu tại sao) - nhưng sử dụng ScrollableHeight như thế này đã làm các trick:

// adding item to ItemsControl... 
// ... 
_scrollViewer.UpdateLayout(); 
_scrollViewer.ScrollToVerticalOffset(_scrollViewer.ScrollableHeight); 

Answer 5

Đối với Windows Phone 8.1 tôi sử dụng này:

MyScrollViewer.ChangeView(0.0f, double.MaxValue, 1.0f); 

Answer 6

Nếu bạn đang làm việc với .NET 3.0 hoặc mới hơn, bạn có thể sử dụng ScrollViewer.ScrollToBottom().

Tài liệu MSDN: http://msdn.microsoft.com/en-us/library/system.windows.controls.scrollviewer.scrolltobottom(v=vs.110).aspx

Answer 7

Đối với Windows Phone 8.0, bạn có thể sử dụng

MyScrollViewer.ScrollToVerticalOffset(MyScrollViewer.ExtentHeight - MyScrollViewer.ViewportHeight); 

cũng Vui lòng tham khảo http://msdn.microsoft.com/en-us/library/windows/apps/system.windows.controls.scrollviewer.verticaloffset(v=vs.105).aspx

Answer 8

Đối với ứng dụng WindowsPhone Phổ bạn có thể sử dụng:

var scrollableHeight = ScrollViewer.ScrollableHeight; 
     if (scrollableHeight > 0) 
     { 
      ScrollViewer.ScrollToVerticalOffset(scrollableHeight); 
     } 

Answer 9

Trong lựa chọn tốt nhất theo tôi là để kế thừa từ ScrollViewer theo cách sau đây:

public partial class AutoScrollViewer 
{   
    public AutoScrollViewer() 
    { 
     InitializeComponent(); 
     this.SizeChanged += (sender, args) => this.ScrollToBottom(); 
    } 
} 

và XAML

<ScrollViewer x:Class="AutoScrollViewer" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
</ScrollViewer> 

Sau đó, bạn có thể sử dụng trực tiếp trong XAML lớp mới mà không cần mã bổ sung phía sau đó là hữu ích khi bạn có mã "MVVM" thuần túy.