.NET Maui, UI

Desplegando HTML usando Labels de .NET MAUI

Aunque el Label en .NET MAUI se utiliza com煤nmente para mostrar texto en formato plano, hay ocasiones en las que necesitas incorporar contenido HTML 馃寪. Imagina una situaci贸n donde recibes datos de un servicio web y uno de los campos contiene HTML. En tales casos, es crucial manejar este contenido adecuadamente para preservar la integridad de la informaci贸n. Afortunadamente, este proceso es sorprendentemente sencillo. 隆Descubre c贸mo hacerlo f谩cilmente en este art铆culo! 馃殌


隆Empecemos!

Para mostrar contenido HTML, simplemente utilizamos el control Label de .NET MAUI. Este control dispone de dos propiedades claves que facilitan una representaci贸n efectiva del HTML. Estas propiedades esenciales son las siguientes:

馃敼 Text:聽 Es la propiedad que contiene el HTML a desplegar en el Label.

馃敼 TextType: Esta propiedad determina el tipo de texto que la etiqueta debe mostrar. Consiste en una enumeraci贸n con dos posibles valores:

鉃 Text: Indica que el contenido del Label ser谩 texto plano. – [Valor por defecto]

鉃 HTML: Especifica que el contenido se mostrar谩 en formato HTML. [Este es el que usaremos]

驴C贸mo hacerlo en c贸digo?

En este ejemplo, presentaremos un HTML compuesto por dos p谩rrafos que incluyen texto con secciones subrayadas y varios elementos tachados.

Empecemos implement谩ndolo en C#

Alternativamente, puedes lograrlo utilizando XAML

O utiliza CDATA: Para mejorar la legibilidad, otra opci贸n es incluir el HTML en una secci贸n CDATA.

Finalmente, veamos el resultado:


馃毇 Limitaciones

鉃 Es importante tener en cuenta que, aunque el Label puede renderizar HTML, solo mostrar谩 las etiquetas HTML que sean compatibles con la plataforma subyacente.


隆Y nuestro contenido HTML ya esta listo! ?

隆Gracias por estar listo! 馃憢 隆Hasta la pr贸xima! 馃挌馃挄

Tagged ,

Leave a Reply

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