如何利用 FlowDocument Column-Separating 属性

此示例演示如何使用 FlowDocument的列分隔功能。

例

以下示例定义一个 FlowDocument，并设置 ColumnGap、ColumnRuleBrush和 ColumnRuleWidth 属性。 FlowDocument 包含一段示例内容。

<FlowDocumentReader>
  <FlowDocument 
    ColumnGap="20.0" 
    ColumnRuleBrush="DodgerBlue" 
    ColumnRuleWidth="5.0" 
    ColumnWidth="140.0"
>
    <Paragraph  Background="AntiqueWhite" TextAlignment="Left">
      This paragraph has the background set to antique white to make its
      boundaries obvious.

      The column gap is the space between columns; this FlowDocument will
      have a column gap of 20 device-independend pixels.  The column rule
      is a vertical line drawn in the column gap, and is used to visually
      separate columns; this FlowDocument a Dodger-blue column rule that
      is 5 pixels wide.

      The column rule and column gap both take space between columns.  In
      this case, a column gap width of 20 plus a column rule of width of 5
      results in the space between columns being 25 pixels wide, 5 pixels
      for the column rule, and 10 pixels of column gap on either side of the column rule.
    </Paragraph>
  </FlowDocument>
</FlowDocumentReader>

下图显示了呈现的 FlowDocument中 ColumnGap、ColumnRuleBrush和 ColumnRuleWidth 属性的效果。