如何在 Windows Phone 的 RichTextBlock 中实现滚动答案

【问题标题】：How to implement scrolling in a RichTextBlock in Windows Phone如何在 Windows Phone 的 RichTextBlock 中实现滚动
【发布时间】：2015-03-23 17:09:56
【问题描述】：

我有一个 Windows Phone 通用应用程序，它有一个 RichTextBlock 动态加载其内容。有时内容很短，有时太长而无法放入页面；因此，我希望RichTextBlock 能够动态扩展并让用户能够滚动查看整个内容。

我环顾四周（这里和其他地方）寻找实现这一目标的代码，但不是很成功。我得到的最接近的是以下不起作用的代码：

<ScrollViewer Width="Auto" Height="Auto" VerticalScrollBarVisibility="Visible" VerticalScrollMode="Enabled">
    <RichTextBlock FontSize="20" Foreground="White" IsTextSelectionEnabled="False" Margin="12,0" ScrollViewer.VerticalScrollBarVisibility="Visible">
        <Paragraph>
            Place a very long text here.
        </Paragraph>
    </RichTextBlock>
</ScrollViewer>

感谢任何帮助。

【问题讨论】：

RichTextBlock 不应该有Margin，请将ScrollViewer 的Height 修复为某个恒定值并尝试。此外，确保RichTextBlock 可以虚拟地超出其父项的范围。只有这样，将其放入 ScrollViewer 才有意义。
为什么RichTextBlock 不应该有Margin？
如果RichTextBlock 有边距，则表示它被限制在屏幕上的某些边界内。仅当RichTextBlock 边距超出屏幕时，ScrollViewer 才有用。只有这样，您才能启用滚动操作。
是的，ScrollViewer 在其子内容离开屏幕时很有用，这与子页边距无关。边距是相对于父/容器而不是屏幕；因此，在我的示例中，RichTextBlock 边距是与ScrollViewer ContentPresenter 边缘的距离，而不是ScrollViewer 本身的距离。换句话说，RichTextBlock 将在它有更多内容时继续扩展（它的Height 是Auto）并将保持其与ContentPresenter 的边距，而ContentPresenter 也会扩展。

标签： c# xaml windows-phone win-universal-app

【解决方案1】：

这将起作用：

<ScrollViewer Height="150" Width="150">
    <RichTextBlock>
        <Paragraph>This is my RichTextblock</Paragraph>
    </RichTextBlock>
</ScrollViewer>

这里的诀窍是修复Height 和/或Width（取决于您要滚动的方向）。

回到问题中的例子；它所需要的只是一个绝对值；例如，Height="480":

<ScrollViewer Width="Auto" Height="480" VerticalScrollBarVisibility="Visible" VerticalScrollMode="Enabled">
    <RichTextBlock FontSize="20" Foreground="White" IsTextSelectionEnabled="False" Margin="12,0" ScrollViewer.VerticalScrollBarVisibility="Visible">
        <Paragraph>
            Place a very long text here.
        </Paragraph>
    </RichTextBlock>
</ScrollViewer>

【讨论】：