No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Estilos y Recursos en .NET MAUI para Optimizar Código

19/23
Recursos

Optimizar el tiempo en programación es clave al desarrollar aplicaciones y, gracias a los estilos predefinidos de .NET MAUI, puedes hacerlo fácilmente mientras mantienes tu código limpio y ordenado. A través de la creación y reutilización de estilos, tanto explícitos como implícitos, es posible reducir líneas repetidas, facilitar el mantenimiento y centralizar cambios de propiedades en un solo archivo.

¿Cómo funcionan los estilos explícitos en .NET MAUI?

Los estilos explícitos son aquellos que se crean y aplican directamente en archivos específicos de XAML. Para definirlos, debes insertar la etiqueta ContentPage.Resources y dentro de ella la etiqueta ResourceDictionary. Allí, creas el estilo asignando un nombre explicativo y especificas el target type, es decir, el control visual al cual se aplica. Este estilo puede contener propiedades visuales como tamaño de fuente, alineamiento, colores, entre otras.

Al aplicar los estilos explícitos, puedes:

  • Copiar propiedades repetidas.
  • Crear un nuevo estilo centralizado.
  • Aplicarlo mediante la referencia StaticResource en tus controles visuales.

Esto permite que, al hacer un cambio en un único lugar, todos los elementos relacionados se actualicen inmediatamente, ahorrando esfuerzo y tiempo.

¿Qué ventajas ofrecen los estilos globales y centralizados?

Además de los estilos explícitos dentro del mismo archivo XAML, .NET MAUI permite definir estilos centralizados de tipo global. Estos residen comúnmente en archivos específicos, como style.xaml o colors.xaml, dentro de la carpeta Resources. Al definir estilos globalmente, este estilo se vuelve accesible desde cualquier lugar del proyecto.

Las ventajas puntuales incluyen:

  • Modificaciones rápidas desde una ubicación única.
  • Reutilización de estilos en múltiples pantallas del proyecto.
  • Código más limpio y organizado.

Esto significa dar un color o tamaño particular a múltiples etiquetas con solo definirlo una vez en tu archivo centralizado.

¿Cuándo utilizar estilos implícitos en vez de explícitos?

Los estilos implícitos difieren de los explícitos porque no requieren nombrarlos. Solamente es necesario definir el target type, haciendo que el estilo se aplique automáticamente a todas las instancias de ese control en el proyecto (por ejemplo, todas las labels).

Recomendaciones para usar estilos implícitos:

  • Verifica primero si el estilo que necesitas ya existe predefinido en .NET MAUI.
  • Utiliza implícitos cuando necesites consistencia automática a lo largo de la aplicación.

Así, te aseguras de no duplicar definiendo estilos que .NET MAUI ya ofrece, facilitando aún más tu trabajo cotidiano.

¿Qué hacen archivos como colors.xaml y cómo te benefician?

El archivo colors.xaml te permite definir una paleta de colores global y única. Puedes establecer colores específicos en un solo lugar y reutilizarlos fácilmente desde cualquier parte de tu aplicación. Si requieres cambiar alguno, realizarás ajustes únicamente en ese archivo.

Beneficios principales que obtienes:

  • Cohesión visual en toda la app.
  • Actualización simple y directa de todos tus colores usados.
  • Ahorro significativo de tiempo en ajustes visuales.

Este uso centralizado realmente agiliza el trabajo y mejora la experiencia visual de tus usuarios.

Aprender a manejar estos estilos incrementa notablemente tu eficiencia y consistencia en la creación de aplicaciones con .NET MAUI. ¿Te gustaría conocer más sobre cómo aplicarlos de manera efectiva? ¡Comparte tus dudas y experiencias!

Aportes 1

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Tener en cuenta que podemos agregar nuevos archivos xaml, con estilos personalizados. Para ello es necesario validar y verificar, que dentro del archivo xaml creado deben estar en la parte superior inicial definidas las siguientes etiquetas :

<?xml version="1.0" encoding="utf-8" ?>
<?xaml-comp compile="true" ?>

Por lo general la primera viene por defecto definida, pero la segunda no.

Por otro lado es necesario validar, verificar y si es el caso redefinir, que el “Biuld Action”, del archivo, este definido como “MauiXaml”

Por ultimo, se debe agregar este archivos a la lista de Resources con la que trabaja la App, por lo que se debe registrar en el Xaml de App:

<Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
                <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
                <ResourceDictionary Source="Resources/Styles/StylesApp.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>