[C#/WPF] FlowDocument 엘리먼트 : ColumnWidth/ColumnGap/ColumnRuleWidth/ColumnRuleBrush 속성을 사용해 컬럼 구분 기능 사용하기

■ FlowDocument 엘리먼트의 ColumnWidth/ColumnGap/ColumnRuleWidth/ColumnRuleBrush 속성을 사용해 컬럼 구분 기능을 사용하는 방법을 보여준다.

TestProject.zip

0.01MB

▶ MainWindow.xaml

<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <FlowDocumentReader>
        <FlowDocument
            ColumnWidth="140.0"
            ColumnGap="20.0"
            ColumnRuleWidth="5.0"
            ColumnRuleBrush="DodgerBlue">
            <Paragraph  Background="AntiqueWhite" TextAlignment="Left">
                This paragraph has the background set to antique white to make its
                boundaries obvious.
                <LineBreak />
                <LineBreak />
                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.
                <LineBreak />
                <LineBreak />
                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>
            <Paragraph  Background="AntiqueWhite" TextAlignment="Left">
                This paragraph has the background set to antique white to make its
                boundaries obvious.
                <LineBreak />
                <LineBreak />
                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.
                <LineBreak />
                <LineBreak />
                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>
            <Paragraph  Background="AntiqueWhite" TextAlignment="Left">
                This paragraph has the background set to antique white to make its
                boundaries obvious.
                <LineBreak />
                <LineBreak />
                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.
                <LineBreak />
                <LineBreak />
                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>
</Window>