Visual: El futuro de Xamarin Forms

Shell, Visual y CollectionView son las nuevas características destacadas en la nueva versión de Xamarin.Forms 4.0. Puedes ver mas acerca de esta actualización aquí.

Por si no te enteraste, esta publicación pertenece al primer #MesXamarin donde se comparte un calendario con contenido reciente de parte de autores increíbles que te harán perder la cabeza. Si todavía no lo has visto, lo puedes ver aquí.

Todos los detalles de la nueva actualización de la página oficial lo puedes encontrar en este enlace. Si solo quieres ver qué hay de nuevo en todas las actualizaciones que se han cubierto en este blog, lo puedes hacer aquí.

El futuro de Xamarin Forms

Hoy en día se esta hablando mucho sobre sobre la nueva característica incorporada en Xamarin forms 4.0 llamada Shell. La verdad es que el concepto que se plantea con Shell para manejar toda la navegación en sencillamente impresionante. Aún asi, creo que Xamarin Forms Visual es el inicio del futuro de Xamarin Forms.

Con el tiempo, y con los grandes avances que ha tenido algunas herramientas de desarrollo, nosotros hemos tenido la oportunidad de ver la sencillez en la que se automatiza algunos procesos haciéndonos la vida más fácil.

De igual manera estamos viendo como las herramientas están innovando en el concepto de como elaborar Interfaces de Usuario (UI) agradables para los usuarios de una manera simple e intuitiva. Es bien conocido que la mayoría de los desarrolladores no destacan por sus dotes de diseño. Por esto que cuando (en primera instancia) nos  dan esta facilidad, simplemente amaremos la herramienta porque nos esta ayudando en ese punto débil que tenemos.

Es aquí donde Xamarin Forms Visual cobra sentido. Visual es la nueva característica dentro de Xamarin Forms 4.0 que nos permite a los desarrolladores crear vistas mas consistentes entre plataformas basadas en los patrones de diseño de Google llamados Material Design. Si bien es cierto, Google a marcado el estándar a nivel de diseño de aplicaciones móviles.

Incorporar esta característica o punto de base tienen gran significado. Por un lado, estamos viendo como Xamarin no se quiere quedar atrás con las nuevas tendencias. Al mismo tiempo, podemos ver como siempre el equipo de Xamarin esta al pendiente de la comunidad para darnos lo que realmente necesitamos.

Visual

El desarrollo de aplicaciones móviles con estilos basados en los patrones de material design son muy comunes hoy en día. La verdad es que estos han sido bien aceptados por los usuarios finales, tanto que se ha marcado como un standard a nivel de diseño de aplicaciones móviles (o eso es lo que parece).

Visual llego a Xamarin forms para dotar a los desarrolladores con la capacidad de crear hermosas aplicaciones nativas de una manera muy fácil y sencilla.

Como funciona

La manera en la que funciona Visual actualmente es agregando un tema donde se define que estilos quieres que tus controles hereden. En este caso, tenemos el tema que viene por defecto y el material design. Esta propiedad la podemos establecer a nivel global o directamente en nuestros controles.

Veamos un pequeño ejemplo:

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:

Detalles a tener en cuenta

Los controles y vistas afectados sólo están disponibles para Android y iOS. En el primer preview solo nos mostraron los siguientes controles/vistas soportados:

Aunque en principio no son muchos, supone un gran comienzo para la renderización de nuevos controles en un futuro cercano. De igual manera, supone gran valor agregado para toda la comunidad, especialmente para aquellos que no manejan mucho el tema del diseño.

Con Visual ahora tendremos que hacer menor esfuerzo para lograr UIs increíblemente agradables para los usuarios. Es bueno recordar que Visual está en Preview. Esto significa que debemos instalar los paquetes nuget Xamarin Forms preview.

Para utilizar Visual en su versión preview es necesario añadir la siguiente línea de código en la clase AppDelegate en iOS, así como en la clase MainActivity en Android, antes de llamar a Forms.Init:

Nota: En iOS, es necesario añadir el paquete NuGet Xamarin.iOS.MaterialComponents. Visual requiere API 29 para funcionar en Android.

Que sigue

El funcionamiento de Visual es mas o menos basado en aplicar estilos. Esto yo lo veo como una iniciativa que formenta algo mas grande. Visual llega para crear la base de nuevas características basadas en patrones de diseños.

Creo que el siguiente paso a seguir es crear controles o caracteristicas basadas en patrones de diseño (material design por ejemplo) como el manejo de transiciones entre elementos, manejo de animaciones, etc. ¡La comunidad amaría esto!

Creo que podemos crear una tendencia en twitter para hacer la llamada a la acción al equipo de Xamarin bajo los hashtags #Xamarin #VisualControls. ¿Tú qué opinas? Creemos una tencia, dale like y retwittea el twitt de abajo o crea uno nuevo, el equipo de Xamarin siempre escucha a la comunidad. No tenemos nada que perder.

Por ahora solo podemos esperar la versión estable de Xamarin Forms 4.0 donde podremos probar mas a fondo los avances sobre Visual. Esperemos que incluyan más controles soportados y al mismo tiempo que incluyan más temas aparte de material, sería interesante ver diferentes patrones de diseños.

¡Hasta la próxima!

Muchas gracias por leer esta publicación! 
Visual: El futuro de Xamarin Forms
5 (100%) 4 votes

Otros

feedback

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!

2018-12-06T02:54:37-04:00

Dejame tus comentarios

avatar
  Suscribirte  
Notificar de