How to format texts of TextBlock using xaml in Windows Phone


Sometime you may want to write formatted text in your app to give more pleasant for eye of users or to get more attention from user, sometime you may also want to display text where first few part should be bold, colorful with big font size and rest part is normal.

As for example :

Hello World ! I am learning how to format texts 

Here, we can see a sentence is mixed with different format of texts. Some part is in Bold and Colorful, some part is normal and some part is bold with underline as shown in below pic.

RRK-wptextblock

from above figure, we can see that  “Hello World” is in Red Color, “I am learning” is in italic font and “How to format text” is in Bold with underline text style.

Code for format TextBlock

To show formatted text i.e. text having multiple styles or colors in a single line in your windows phone apps then we can easily do so with a TextBlock


    <TextBlock HorizontalAlignment="Left"  TextWrapping="Wrap" VerticalAlignment="Top" Width="480">
                    <Run Text="Hello World! " FontSize="18" Foreground="Red" FontWeight="Bold" ></Run>
                    <Run Text="I am learning " FontStyle="Italic" ></Run>
                    <Run Text="How to format text." FontWeight="Bold" TextDecorations="Underline"></Run>
            </TextBlock>

We can also change the font style of selected part of a line by using FontFamily property of TextBlock.


    <TextBlock HorizontalAlignment="Left"  TextWrapping="Wrap" VerticalAlignment="Top" Width="480">
                    <Run Text="Hello World! " FontFamily="Verdana"  FontSize="18" Foreground="Red" FontWeight="Bold" ></Run>
                    <Run Text="I am learning " FontFamily="Times New Roman" FontStyle="Italic" ></Run>
                    <Run Text="How to format text." FontFamily="Algerian" FontWeight="Bold" TextDecorations="Underline"></Run>
            </TextBlock>

Here is the output of above code.

rrk-wptextblock2

Advertisements

About Ravi Ranjan Kumar

An Indian who Living, Loving & Learning Technology with different tastes and willing to share knowledge and thoughts.
This entry was posted in C#, CodeProject, Windows Phone, Windows Phone App and tagged , , , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s