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

これは受け入れられた方法ですか？ランダムな期間待つ必要がありますか?

score 16 · Accepted Answer

ActualHeight を使用してもうまくいきませんでした (理由はまだわかりません) - しかし、このように ScrollableHeight を使用するとうまくいきました:

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

score 15 · Accepted Answer

Windows Phone 8.1 の場合、これを使用します。

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

score 3 · Accepted Answer

私の意見では、次の方法で 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 コードがある場合に特に役立ちます。

score 2 · Accepted Answer

WindowsPhone ユニバーサルアプリの場合は、次を使用できます。

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

score 2 · Accepted Answer

ランダムな非同期性は、おそらく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かの極端なエッジケースでは技術的に正しくない可能性がありますが、目的にはほぼ完全に理想的です。技術的には、に任意の大きSizeさを使用しMeasure(Size)て、同じ効果を得ることができます。あなたのソリューションに最適なものは何でも、これが役立つことを願っています -ck

score 0 · Accepted Answer

ScrollViewer.ScrollToVerticalOffset(ScrollViewer.ActualHeight) は機能するはずですが、コードがスクロールビューアーのコンテンツを更新したばかりの場合は、スクロールする前に ScrollViewer.UpdateLayout() を呼び出して、ScrollViewer.ActualHeight が最新の状態になるようにすることができます。

score 0 · Accepted Answer

私は以下を使用しました：

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

もう 1 つの解決策は、項目をに入れ、ScrollIntoViewメソッドListBoxを使用することです。

score 0 · Accepted Answer

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も参照してください。

xaml - ScrollViewer の最後までスクロールする最良の方法

9 に答える 9

Related

Reference