Shell, Visual y CollectionView son las nuevas características destacadas en la nueva versión de Xamarin.Forms. Una vez mas el equipo de Xamarin lanza grandes nuevas características con la nueva versión de Xamarin.Forms 4.0. Si te perdiste lo nuevo en su versión 3.4.0, lo puedes ver aquí.
Es bueno aclarar que estas actualizaciones son solo un avance de lo que vendrá en la versión estable de Xamarin.Forms 4.0. Todos los cambios, actualizaciones y correcciones de errores se seguirán añadiendo en la versión estable 3.x que hay actualmente.
Ahora si, nosotros nos centraremos en las nuevas características incorporadas en la nueva versión. Si quieres saber todos los detalles de la nueva actualización visita este enlace.
Si solo quieres ver que hay de nuevo en todas las actualizaciones que se han cubierto en este blog, lo puedes hacer aquí.
Implementando las nuevas características
Se que muchos estáis aquí para ver que hay de nuevo en Xamarin.Forms 4.0 y otros quiren mas detalles. Para no hacer el post tan largo creare una serie de post hablando de cada característica, que necesitas para implementarlas, que trae nuevo, ejemplos, pruebas de rendimiento, recomendaciones y demás.
Aquí la lista:
- Shell
- Visual
- CollectionView
Esta cada elemento de esta lista se actualizara con el enlace la publicación correspondiente. Entonces, tienes varias opciones: puedes entrar en esta publicación o en el blog para ver las actualizaciones, o puedes suscribirte y activar las notificaciones push para mantenerte actualizado en todo momento.
Shell
El equipo de xamarin introduce un nueva manera de simplificar y expresar la estructura y navegación de nuestras aplicaciones en un solo archivo. Xamarin.Forms Shell es un contenedor que provee las siguientes funcionalidades:
- Un solo lugar para describir la estructura visual de una aplicación.
- Una interfaz de usuario de navegación común.
- Un servicio de navegación con enlaces profundos (Deep linking).
- Un gestor de búsqueda integrado.
Estas funcionalidades fueron creadas con el fin de reducir la complejidad de aplicaciones que necesitaban de un sistema de navegación un poco mas compleja, entre otras cosas mas. Lo bueno aquí es que con Shell podremos incrementar nuestra productividad considerablemente. Y esto no es todo, Shell esta renderizado tomando en consideración la velocidad y el consumo de memoria – esto quiere decir que veremos aumentos de performance considerablemente en esta actualización con Shell.
No más tratar con diferentes tipos de páginas para manejar la configuración de navegación complicada. Es compatible con el menú desplegable, las tabs inferiores, las tabs superiores y un controlador de búsqueda integrado. Se ha implementado un nuevo sistema de enrutamiento de navegación basado en URI además del servicio de navegación push/pop existente. Ahora puedes enrutar a cualquier punto de su aplicación, sin importar qué tan profundo sea, y manejar los eventos de navegación para realizar una lógica personalizada, como cancelar la acción de retroceso. – Detalles oficiales de la versión
Aquí unas demostraciones:
En resumen, el contenedor shell tiene como propósito cubrir toda la lógica de navegación ofreciendo una UI limpia y optimizada. Es bueno saber que a través de shell puedes implementar diferentes tipos de navegación dependiendo los niveles jerárquicos.
A continuación un ejemplo de la implementación de shell.
Visual
No sé ustedes, se qué shell es una característica muy impresionante pero Xamarin.Forms Visual supone el inicio de muchas cosas interesantes. Xamarin.Forms Visual es la nueva forma para lograr vistas mas consistentes entre plataformas basadas en los patrones de material design de Google.
Está es una característica está muy de moda hoy en día, y es que material design de Google ofrece UIs que han sido muy bien aceptadas por los usuarios móviles.
Las vistas afectadas sólo están disponibles para Android y iOS y solo están soportadas son las siguientes:
• Button
• Entry
• Frame
• ProgressBar
Aunque estos en un inicio no son muchos, supone un gran comienzo para la renderización de nuevos controles. Esto a su vez supone gran valor agregado para toda la comunidad, especialmente para aquellos que no saben mucho de diseño, ya que ahora tendrán que hacer menor esfuerzo para lograr UIs agradables para los usuarios.
La forma en la que podemos activar esta renderización es la siguiente:
La renderización de controles funciona por herencia, esto significa que al establecer la propiedad Visual en Material todos los elementos soportados por visual dentro del contenPage serán renderizados.
Aquí una comparación entre los controles renderizados y los normales:
ColletionView
Tu lo pides y ellos te lo dan – Bum! – así de simple. Esto demuestra el compromiso del equipo de xamarin.
Este es uno de los controles más solicitados por la comunidad, incluyéndose. Y es que aunque hay implementaciones de terceros muy buenas, el soporte con algunos detalles aveces puede ser un dolor de cabeza.
El ColletionView es una vista que presenta una lista de datos basados en la especificación de diferentes layouts. A diferencia del tradicional ListView, este nos ofrece más flexibilidad porque con el podemos crear listas verticales, horizontales, y basadas en celdas (con columnas y filas).
Este es una implementación de la nueva vista:
Varios ejemplos por aquí:
Mejoras
Xamarin.Forms 4.0 también trajo consigo algunas mejorar entre las cuales se presentan las siguientes:
• Se implementó un indicador de actualización al cual puedes cambiar el color para ListView pull-to-refresh.
• Bindable Repeater control
• Posibilidad de establecer el color del texto en el TableSection
• Ahora puedes esconder los Scroll Bars de los ListView
• Se agrego la propiedad OnColor para el control SwitchCell
• Entre otras cosas más
Conclución
Estos fueron los cambios mas notables que ha traído esta actualización de Xamarin.Forms 4.0. Todos estos detalles también aplican para cada plataforma específica Xamarin.Android y Xamarin.iOS. También es bueno mencionar que todos estos controles y nuevas característica son experimentales aunque aunque pronto los veremos en una versión estable.
Es bueno mencionar que el equipo de desarrollo de xamarin esta haciendo un increíble trabajo lanzando actualizaciones constantemente. Lo cual se les agradece un montón.
Implementando las nuevas características – Xamarin.Forms 4.0
Si quieren mas detalles acerca de estas características las pueden ver en:
- Shell
- Visual
- CollectionView
No olviden que si quieren ver todos los detalles de las actualizaciones que se han cubierto en este blog lo pueden ver aquí. Nos vemos en la próxima!
Muchas gracias por leer esta publicación!

I’m Luis Matos from the Dominican Republic. I have +5 years working with .Net and +3 with Xamarin. Currently, I’m a Xamarin Certified Developer.
If you are interest or work with Xamarin I created two Xamarin’s communities called Xamarin Universe (EN) and Universo Xamarin (ES), just for you. A community for all communities.
Espero que esta publicación haya sido de ayuda para ti, si crees que también puede ayudar a otros entonces compártelo con ellos. Te invito a dejar tu opinión en la caja de comentarios. Si quieres que hable de un tema en específico o que detalle un poco más algunos temas, déjame saber. Los temas más interesantes serán agregados en mi lista de publicaciones futuras.
¿Te gustan las publicaciones como esta? Entonces, suscribete y activa las notificaciones push para recibir actualizaciones. Nos vemos en la próxima!
Universo Xamarin: Una llamada a la acción
El Universo Xamarin es una iniciativa que busca un...
Reglas de Validación para Xamarin y Windows
Plugin Reglas de Validación. Hay un eBook l...
Hola Microsoft Learn / Adiós Xamarin University
Microsoft Learn, la nueva plataforma de aprendizaj...
Shell, Visual y CollectionView: Nuevas características Xamarin.Forms 4.0
Shell, Visual y CollectionView son las nuevas cara...
Mes Xamarin: Mes del amor y la amistad
El Mes Xamarin es una iniciativa que nace de los c...
Abriendo las puertas del universo – Experiencia 2018
Así como el 2018 llega a su fin, estamos li...
Cognitive Services y Xamarin.Forms: Creando aplicaciones inteligentes
Cognitive Services + Xamarin.Forms = aplicaciones ...
Fondos de pantalla Xamarin
Increíbles fondos de pantalla Xamarin y sus...
¿Xamarin, la mejor solución del desarrollo de aplicaciones móviles para ti? (Parte 1)
Los invito a ver mi opinión sobre este tema...
Label y sus Nuevas características: Xamarin.Forms 3.3.0
Label. Si algo es cierto, es que Xamarin escucha a...
ImageButton: Nuevas características Xamarin.Forms 3.4.0
ImageButton el nuevo control. Una vez mas el equip...
Herramienta perfecta en el mundo del desarrollo móvil
Herramienta perfecta. Este tema viene del articulo...
Biblioteca Universal Xamarin
Todos juntos creemos la biblioteca Universal Xamar...
ValidationRules – Validando nuestro modelo en Xamarin y Windows
Si no sabes que es o como usar el Plugin.Validatio...
¿Xamarin, la mejor solución del desarrollo de aplicaciones móviles para ti? (Parte 2)
Los invito a ver mi opinión sobre si &ldquo...
Plantilla de Reglas de Validación – Extensión para Visual Studio
Extensión plantilla de reglas de validaci&o...
Muchas gracias, así me mantengo al día de las últimas noticias.
Excelente, espero sea de valor