UI

Quick tips to decorate texts in Xamarin Forms

It has happened to all of us that we have to develop some pages full of texts without any feature else and as we know a lot of text together can overwhelm the user. That’s why in this post we will be learning to create it as friendly as possible to make our app’s user experience better.

In this time we will be learning about some simple but important things we can use on these cases, we will be developing the following text decoration types:

🔹 Fancy header 💁

🔹 Applying vertical line to our texts  ↕

🔹 Underline and strikethrough  ➖


Let’s start!!!

 Fancy header 💁‍ 

This header style can be used to define titles or sub-titles! In this example we used a BoxView and an AbsoluteLayout, if you want to know more about this layout type you can make click here.


Creating a text line separator  ↔

This style is normally used to quote phrases.


Underline and strikethrough  ➖

To do it, you just have to add the TextDecoration property and set the Underline or the strikethrough values respectively. In this example I mixed them, let’s see.


Spanish post: https://medium.com/@reyes.leomaris/consejos-rápidos-para-decorar-textos-en-xamarin-forms-bb7478858103  

References: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/boxview  

Thanks for reading!!! 💚

Tagged , ,

1 thought on “Quick tips to decorate texts in Xamarin Forms

Leave a Reply

Your email address will not be published. Required fields are marked *