Лучший способ Пролистайте до конца ScrollViewer

Question

В настоящее время единственный способ, который я получил мой код для автоматической прокрутки до конца, когда я добавить новый элемент заключается в следующем:

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> 

Код:

   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); 

Является ли это принятым способом? Должен ли я ждать какой-то случайный период времени?

Answer 1

Я использовал следующие:

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

Другим решением является помещаете элементы в ListBox и использовать ScrollIntoView метод

Answer 2

ScrollViewer.ScrollToVerticalOffset (ScrollViewer.ActualHeight) должен работать, но если ваш код только что обновил содержимое средства просмотра прокрутки, вы можете вызвать ScrollViewer.UpdateLayout() перед прокруткой, чтобы ScrollViewer.ActualHeight был обновлен.

Answer 3

Никакая случайная асинхронность никогда не является ответом на что-либо на любом языке, кроме, может быть, JavaScript ... у него всегда есть этот «запах кода», который вы знаете?

правильный способ сделать это, чтобы заставить «обновить» в меру ScrollViewer синхронно включить вновь добавляемые детей по телефону ScrollViewer.Measure(Size)

после того, как вы «повторно измерения» ScrollableHeight будет надлежащим значение, и вы можете использовать его как обычно ..

так:

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); 
    } 

Size мы используем здесь является RenderSize whic h может быть технически неверным в некоторых случаях с экстремальными краями, но это довольно близко к идеально идеально подходит для наших целей. вы также можете технически использовать произвольно большой Size для Measure(Size) и получить тот же эффект. что лучше работает для вашего решения, надеюсь, что это помогает -ck

Answer 4

Использование ActualHeight не работает для меня (я до сих пор понять, почему) - но с использованием ScrollableHeight, как это сделал трюк:

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

Answer 5

Для Windows Phone 8.1 Я использую это:

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

Answer 6

Если вы работаете с .NET 3.0 или более поздней версии, вы можете использовать ScrollViewer.ScrollToBottom().

MSDN документ: http://msdn.microsoft.com/en-us/library/system.windows.controls.scrollviewer.scrolltobottom(v=vs.110).aspx

Answer 7

для Windows Phone 8.0, вы можете использовать

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

Пожалуйста, обратитесь к http://msdn.microsoft.com/en-us/library/windows/apps/system.windows.controls.scrollviewer.verticaloffset(v=vs.105).aspx

Answer 8

Для WindowsPhone Универсальное приложение вы можете использовать:

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

Answer 9

По моему мнению, самым лучшим вариантом является наследование от ScrollViewer в следующим образом:

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

и XAML

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

Затем вы можете использовать непосредственно в XAML новый класс без дополнительного кода, за которым полезно, особенно если у вас есть «чистый» код MVVM.