Shell, Visual y CollectionView: Nuevas características Xamarin.Forms 4.0

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! 

4.7

04

Luis Matos

I’m Luis Matos from the Dominican Republic. I have +5 years working with .Net and +3 with Xamarin. I am passionate about automation and mobility. Currently, I’m a Software Operation Leader at Malla Agency.

I have founded the Xamarin Universe (EN, ES), and I’m a leader of a local community called LaComarca.

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!