Bindable layout

AI.4 Conociendo y socializando el entorno de .NET MAUI

Bindable layout

Programacion 6M CBTis No. 168 "Francisco I. Madero" Desarrolla Aplicaciones Móviles para iOS 13/03/2025 Gutierrez Gonzalez Juan Pablo Muñoz Muñoz Maria Jose Moreno Chavez Rafael Haziel Torres Vital Daira Isabella Villalobos Villalobos Maria Anael

EMPEZAR

Introduccion

En muchas aplicaciones móviles, necesitamos mostrar una lista de elementos de manera dinámica. Aunque existe CollectionView, que es la opción recomendada para listas más complejas y con mejor rendimiento, existe el "BindableLayout", que proporciona una alternativa ligera y flexible, ideal para listas cortas sin paginación ni virtualización avanzada

Características principales

No requiere CollectionView, lo que hace que su implementación sea más directa.Soporte para layouts

Simplicidad:

Se puede utilizar con StackLayout, Grid y FlexLayout, permitiendo organizar los elementos en diferentes orientaciones.Data

Flexibles:

Permite enlazar una colección de datos al layout y actualizar automáticamente la interfaz cuando los datos cambian.

Binding:

Plantillas personalizadas:

Se pueden definir DataTemplate para personalizar la apariencia de cada elemento en la lista

Propiedades principales

BindableLayout.ItemsSource

BindableLayout.ItemTemplateSelector:

BindableLayout.ItemTemplate:

Se enlaza con la colección de datos que se mostrará en el diseño.

Define la apariencia de cada elemento en la lista.

Permite elegir diferentes plantillas según el tipo de dato.

Implementacion en xaml

Para comenzar, consideraremos una lista de usuarios:

Despues, agregamos la lista al viewmodel

Implementacion en xaml

En el archivo XAML, usamos un StackLayout con BindableLayout:

Implementacion en xaml

En el archivo XAML, usamos un En el código de css, configuramos la vista para usar la ViewModel:

Conclusiones

BindableLayout en .NET MAUI es una opción eficiente para mostrar listas pequeñas con gran flexibilidad. Aunque no reemplaza CollectionView en escenarios complejos, es una alternativa ligera cuando se necesita mostrar datos sin paginación ni selección avanzada.