XAML TextFlow
This article shows how to use XAML TextFlow element.
TextFlow
The <TextFlow /> element of XAML represents the text flow of a document. Before you create a document, you need to specify the flow of the text.
The FlowDirection property of TextFlow specifies the direction of the text flow. It can be one of the following:
- LeftToRightThenTopToBottom
- RightToLeftThenTopToBottom
- TopToBottomThenRightToLeft
- TopToBottomThenLeftToRight
The following code uses TextFlow. It also sets the font family, background and foreground colors, and flow direction.
<TextFlow FontFamily="Verdana" Background="LightYellow" Foreground="DarkBlue" FlowDirection="LeftToRightThenTopToBottom" >
Complete Example
Listing 1 shows a complete example uses above discussed XAML elements.
<Grid xmlns="http://schemas.microsoft.com/winfx/avalon/2005" Width="400" Height="300" >
<TextFlow FontFamily="Verdana" Background="LightYellow" Foreground="DarkBlue" >
<TextBlock FontSize="18" Foreground="Black"><Bold><Underline>Hello Text </Underline></Bold></TextBlock>
<LineBreak/>
<Paragraph>
Hello Longhorn Corner. This sample shows you how to write text in XAML. Some of the XAML tags you
will see in this example are TextFlow, Paragraph, TextBlok and LineBreak.
</Paragraph>
<LineBreak/>
<TextBlock FontSize="20" Foreground="Blue">Text Block II</TextBlock>
<Block>The Block element is used to create a new text block as you can see from this example.</Block>
<Block FontFamily="Times New Roman" FontSize="16" Foreground="Red">
Here is another block with different font and color.
</Block>
<LineBreak/>
<PageBreak/>
<Block Foreground="Green">This is a block after page break.</Block>
<Paragraph>This is a paragraph after page break. This is a paragraph after page break.
This is a paragraph after page break. This is a paragraph after page break.
This is a paragraph after page break. This is a paragraph after page break.
This is a paragraph after page break. This is a paragraph after page break.
</Paragraph>
</TextFlow>
</Grid>
|
The output of Listing 1 generates Figure 1.
Ask Your Question
Got a programming related question? You may want to post your question here