Flow and List Document in WPF


HTML clipboard

Flow Document: In flow document the content you will insert into it these contents adapts itself to fit the container, flow document content in WPF improves upon these current-day approaches by incorporating better pagination, multicolumn display, sophisticated hyphenation and text flow algorithms, and user-adjustable viewing preferences.

WPF flow document is build by using a combination of flow elements, these elements don't inherit from the familiar UIElement and FrameworkElement classes. Instead, they form an entirely separate branch of classes that derive from ContentElement and FrameworkContentElement.

Now that you've taken a look at the content element model, you're ready to assemble some content elements into a simple flow document. You create a flow document using the FlowDocument class.

Example of Flow Document

<Window x:Class="Documents.FlowContent"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="FlowContent" Height="381" Width="525" >
            <FlowDocumentScrollViewer>
            <FlowDocument>
                <Paragraph>This is a Flow Document.</Paragraph>
            <Paragraph>Start working on Flow Document.</Paragraph>
        </FlowDocument>
        </FlowDocumentScrollViewer>
    </Window>

 Output Window

1.gif

List Document: The List element represents a bulleted or numeric list in the document to simplify more your document and make tham more easy to read and understandable to the user. You choose by setting the MarkerStyle property. You can also set the distance between each list item and its marker using theMarkerOffset property.

Example of List Document

<Window x:Class="Documents.FlowContent"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="FlowContent" Height="381" Width="525" >
            <FlowDocumentScrollViewer>
            <FlowDocument>
            <Paragraph>Student's Name's:</Paragraph>
            <List>
                <ListItem>
                    <Paragraph>Manish</Paragraph>
                </ListItem>
                <ListItem>
                    <Paragraph>Rahul</Paragraph>
                </ListItem>
                <ListItem>
                    <Paragraph>Naveen</Paragraph>
                </ListItem>
                <ListItem>
                    <Paragraph>Sam</Paragraph>
                </ListItem>
                <ListItem>
                    <Paragraph>Govil</Paragraph>
                </ListItem>
                <ListItem>
                    <Paragraph>Jak</Paragraph>
                </ListItem>
            </List>
            <Paragraph Margin="0,30,0,0">Teacher's Name's</Paragraph>
            <List MarkerStyle="Decimal">
                <ListItem>
                    <Paragraph>Mr. Ashok</Paragraph>
                </ListItem>
                <ListItem>
                    <Paragraph>Mr.Bread</Paragraph>
                </ListItem>
                <ListItem>
                    <Paragraph>Mr.Amit</Paragraph>
                </ListItem>
            </List>
        </FlowDocument>
        </FlowDocumentScrollViewer>
    </Window>

Output Window

2.gif

Conclusion

I hope this article help you to understand how to create Flow and List Document in WPF.