方法: FlowDocument Column-Separating 属性を使用する

この例では、FlowDocumentの列区切り機能を使用する方法を示します。

例

次の例では、FlowDocumentを定義し、ColumnGap、ColumnRuleBrush、および ColumnRuleWidth 属性を設定します。 FlowDocument には、サンプル コンテンツの 1 つの段落が含まれています。

<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 属性の効果を示しています。