.NET Maui

Horizontal & VerticalStackLayout en .NET MAUI

¡Hola! 🙋‍♀️ Continuando con la iniciativa “☃️ Coding Winter 2021 – C # y .NET MAUI ❄️”, hoy es #DiaQuince y aprenderemos sobre Enfoque Semántico en .NET MAUI.

Probablemente al leer el título te sorprendió, 😯 ¿HorizontalStackLayout y VerticalStackLayout? Sí, lo leiste bien !! En el Preview 7, .NET MAUI introdujo ambos tipos de layouts, en este artículo te mostraré su fácil implementación.


¡Empecemos!

El equipo de desarrolladores de Microsoft ha estado trabajando en la identificación de oportunidades de optimización, mejora en el rendimiento y así como también, en brindar una mejor experiencia tanto en el tiempo de desarrollo como en el mantenimiento de nuestras aplicaciones. Por eso, tenemos un nuevo conjunto de Layouts tomados de todos estos años de aprendizaje que nos trae consigo Xamarin Forms, entre estos Layouts tenemos el VerticalStackLayout y HorizontalStackLayout. ¡En este post nos enfocaremos en ambos!

Cada Layout tiene un LayoutManager que se encarga de medir y posicionar las vistas, así como los elementos secundarios del diseño. Si quieres ver más información sobre los demás puedes ingresar aquí.

¿Cómo lo implemento?

La estructura es muy fácil y mantiene la misma temática y objetivo que los diseños que conocemos de Xamarin Forms, veamos.

VerticalStackLayout

HorizontallStackLayout

¡Y listo! 🤓 ¡Tan simple como ves,  luego agrega todos los controles que necesita para obtener la interfaz de usuario deseada!

⚠ Estos layouts continuarán mejorando a lo largo de los Sprints, es importante que los use y si identifica una oportunidad de mejora, ¡puede informarlo aquí! 💚


Pero, ¿y si tengo que usar los viejos diseños de Xamarin?

¡Puedes hacerlo muy fácilmente! 💕 Puede encontrarlos en el namespace Microsoft.Maui.Controls.Compatibility

Y listo 😎 ¡Espero que este artículo te haya sido de gran utilidad! ⭐️ ¡Gracias por leer! 💚💕

Artículo en inglés:

Referencias:

Tagged ,

Leave a Reply

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