Silverlight 4 RichTextBox滾動到底部

Question

我正在使用Silverlight編寫聊天應用程序。我將動態內容添加到富文本框中，並且需要向下滾動以顯示最後的消息。但是沒有辦法做到這一點。我在互聯網上找到的所有文檔/代碼都是舊的。

任何解決方案將很樂意接受。

Answer 1

我在自己的應用程序中苦苦掙扎了很長時間。 Dispatcher.BeginInvoke方法對我來說並不可靠。有時它會滾動到底部，其他時間則不會。使其工作的唯一方法是將兩個Dispatcher.BeginInvoke調用嵌套在一起，但我不喜歡該解決方案。

而不是使用分派器，我濫用事件處理程序。在這個例子中，只有在添加了新的Inline時，文本框纔會滾動到底部（這是聊天框的一種有用的行爲，允許用戶在需要時閱讀以前的消息）。您可以傳遞一個Run對象作爲Inline參數。

private void AddInline(Inline inline) 
{ 
    var viewer = textBox.GetChildByType<ScrollViewer>(item => item.Name == "ContentElement") as ScrollViewer; 
    bool scrollToBottom = viewer.VerticalOffset == viewer.ScrollableHeight; 

    // Creating the paragraph isn't necessary. 
    // In my own application, I only add a single paragraph to the RichTextBox that displays my chat messages. 
    // Then I just add new Inlines to the single paragraph. 
    Paragraph p = new Paragraph(); 
    p.Inlines.Add(inline); 

    if (scrollToBottom) 
     textBox.LayoutUpdated += ScrollRichTextBoxToBottom; 

    // Adding the paragraph triggers a layout update. 
    // In the LayoutUpdated handler, the viewer will be scrolled to the bottom, triggering a second layout pass. 
    textBox.Blocks.Add(p); 
} 

private void ScrollRichTextBoxToBottom(object sender, EventArgs e) 
{ 
    // The LayoutUpdated handler needs to be removed, otherwise the RichTextBox becomes unscrollable. 
    textBox.LayoutUpdated -= ScrollRichTextBoxToBottom; 

    var viewer = textBox.GetChildByType<ScrollViewer>(item => item.Name == "ContentElement") as ScrollViewer; 
    viewer.ScrollToVerticalOffset(viewer.ScrollableHeight); 
} 

注意：GetChildByType只是獲取ScrollViewer的擴展方法。 （我沒有創建這種擴展方法。）

public static class Extensions 
{ 
    public static T GetChildByType<T>(this UIElement element, Func<T, bool> condition) 
     where T : UIElement 
    { 
     List<T> results = new List<T>(); 
     GetChildrenByType<T>(element, condition, results); 
     if (results.Count > 0) 
      return results[0]; 
     else 
      return null; 
    } 

    private static void GetChildrenByType<T>(UIElement element, Func<T, bool> condition, List<T> results) 
     where T : UIElement 
    { 
     for (int i = 0; i < VisualTreeHelper.GetChildrenCount(element); i++) 
     { 
      UIElement child = VisualTreeHelper.GetChild(element, i) as UIElement; 
      if (child != null) 
      { 
       T t = child as T; 
       if (t != null) 
       { 
        if (condition == null) 
         results.Add(t); 
        else if (condition(t)) 
         results.Add(t); 
       } 
       GetChildrenByType<T>(child, condition, results); 
      } 
     } 
    } 
} 

Answer 2

您需要挖掘屬於RichTextBox模板的ScrollViewer。您可以在VisualTreeHelper的某些代碼的幫助下完成此操作。獲取我的VisualTreeEnumeration類here的代碼。

這個類在你的項目，你可以做到這一點

現在： -

ScrollViewer sv = rtb.Descendents().OfType<ScrollViewer>().FirstOrDefault(); 

完整的例子

創建一個新的應用程序，包括VisualTreeEnumeration類。

在MainPage.xaml中使用下面的XAML： -

<Grid x:Name="LayoutRoot" Background="White"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="*" /> 
     <RowDefinition Height="Auto" /> 
    </Grid.RowDefinitions> 
    <RichTextBox x:Name="rtb" /> 
    <Button Content="Click Me" Click="Button_Click" Grid.Row="1" /> 
</Grid> 

在其後面的代碼補充一點： -

int i = 0; 
    private void Button_Click(object sender, RoutedEventArgs e) 
    { 
     Paragraph p = new Paragraph(); 
     p.Inlines.Add(new Run() { Text = "Hello " + (i++).ToString() }); 
     rtb.Blocks.Add(p); 

     Dispatcher.BeginInvoke(() => 
     { 
      ScrollViewer sv = rtb.Descendents().OfType<ScrollViewer>().FirstOrDefault(); 
      sv.ScrollToVerticalOffset(sv.ScrollableHeight); 
      sv.UpdateLayout(); 
     }); 
    } 

注意使用的BeginInvoke的允許RTB後自行解決添加了文字。使用BeginInvoke將UI線程分派器上的其餘代碼排隊。

Answer 3

那麼，你既不需要擴展方法也不需要調度器。將RichTexBox控件滾動到底部最簡單的方法如下：

textBox.Selection.Select（textBox.ContentEnd，textBox.ContentEnd）;

您可以用類似的方式實現「滾動到頂部」行爲。

希望有所幫助。