#Podcast – NTN 38 – What’s new on #Xamarin and how to create an App to help during natural disasters

 

ragnarock

Hi !

This episode was a special one. We started talking about Xamarin (this guys really knows their stuff!) and at the middle of the episode Humberto Jaimes (@hjaimesdev), Jose Saturnino Pimentel (@saturpimentel) and Roberto Cervantes (@rcervantesdev) changed the topic about Xamarin and … ok you must better listen to it.

As always, we have the news section thanks to Sergio Mabres. So, I hope you enjoy the podcast (remember it’s in Spanish).

Greetings @ Burlington

El Bruno

References

Advertisements

#Podcast – NTN 38 – Novedades en #Xamarin y como crear una app para ayuda en catastrofes utilizando Xamarin

 

ragnarock

Hola!

Este episodio ha sido uno de esos donde hay una gran sorpresa de las que hacen que valga la pena escucharlo.

Los colaboradores han sido Humberto Jaimes (@hjaimesdev), Jose Saturnino Pimentel (@saturpimentel) y Roberto Cervantes (@rcervantesdev) y la tematica general ronda alrededor de las novedades que tenemos en Xamarin a la fecha de hoy. Sin embargo, a los 30 minutos, el podcast cambia de foco y la forma de abordar el tema es completamente diferente. Realmente os animo a escucharlo.

Como siempre, al principio tenemos las novedades de tecnología gracias a Sergio Mabres. Espero que lo disfruten, y que disculpen los errores (si es que hubo alguno).

Saludos @ Burlington

El Bruno

References

#Xamarin – Xamarin Live Player available with Visual Studio 2017 Update 3 (only for #VS2017 Preview)

Hi!

Since I don’t have and Android device, I’ve kind of put Xamarin on hold. Now I have an iPhone and, because I don’t have a build and deploy environment make me abandon Android for a while.

Back in January 2016 I wrote a post about Gorilla Player, this was a real time viewer for Xamarin Forms. And it was so cool! Before this, we didn’t have a WYSIWYG viewer when we are editing views on Xamarin Forms, it was plain XAML text and mostly testing on a real device.

So now a lot have changed, Microsoft acquired Xamarin and this means that the integration between products and releases are much more faster. As an example, Visual Studio 2017 Update 3 included Xamarin Live Player as a new feature in the IDE. Microsoft save me some time and published this animation on how this tool works:

xamarinliveplayer.gif

Important: Xamarin Live Player is only available in Visual Studio 2017 Preview, that’s means VS2017 15.4, not in the official. Read the post title!

The way to use the tool is very simple.

  • Let’s start downloading the Xamarin Live Player App in Android or iOS.
  • The App is available in App Store or Google Play
  • Then we need to connect our development environment with the device, this is simple: scan a QR code
  • Done! From now on, the changes you made into a form will be live in the connected device!

Happy Coding

Greetings @ Burlington

El Bruno

References

 

#Xamarin – Xamarin Live Player disponible en Visual Studio 2017 con el Update 3 (en #VS2017 Preview)

Hola!

Tengo que admitir que he abandonado Xamarin, desde que me pase de Android a un ayFon. El hecho de no tener un entorno de desarrollo y despliegue en el mundo Mac ha hecho que abandone algunos proyectos personales que estaba haciendo.

Alla por enero de 2016 escribí un post sobre Gorilla Player, que era un visor en tiempo real para Xamarin Forms. Esto que hoy parece una comodity era algo que era bastante necesario. Hasta ese momento, programar Xamarin Forms era básicamente tirar líneas XAML de texto plano imaginando como quedaría el resultado final.

Mucho tiempo ha pasado desde esto, por ejemplo, en el camino Microsoft ha comprado Xamarin, y claro, ahora todo va mucho más rápido. Hoy nos encontramos que el Update 3 de Visual Studio 2017 tenemos Xamarin Live Player como una feature a utilizar en Visual Studio. Los amigos de Microsoft me han ahorrado la necesidad de grabar un video sobre cómo se utiliza. El siguiente video es bastante explicativo.

xamarinliveplayer.gif

Importante: está disponible en la rama Preview de VS2017 15.4, no en la oficial. No seas gañan y lee el título del post nuevamente.

La forma en la que funciona es muy simple.

  • Lo 1ro que tienes que hacer es descargar Xamarin Live Player en tu Android o iOS. La app está disponible en la App Store o en Google Play
  • Lo siguiente es emparejar tu dispositivo con Visual Studio, escaneando un código QR
  • Listo. Los cambios que realices en Visual Studio se verán en tiempo real en tu device!

Happy Coding

Saludos @ Burlington

El Bruno

References

 

#Xamarin – Algunos recursos para crear app “bonitas en #XamarinForms (Actualización!)

Hola!

Actualización: Este post tiene un poco de material nuevo sobre el post original que escribí hace un tiempo. Este nuevo material son algunas sugerencias de personas que conocen mucho de XF, gracias!

Después de invertir tiempo en conocer como trabajar con Bluetooth, beacons y otras tecnologías en Xamarin Forms, llega el momento de crear las apps. Aquí a más de uno se le puede caer el alma al piso, porque los controles por defecto que nos da Xamarin Forms son “un poco pobres”. Así que dejo un par de recursos que me he encontrado sobre ejemplos para mejorar el Look&Feel de nuestras Xamarin Forms Apps.

Xamarin Jump-start your next project with a prebuilt app

El primer ejemplo pueden ser las 4 apps de ejemplo que comparte el equipo de Xamarin donde además del código fuente, algunas de ellas están disponibles en las stores de Apple, Android y Windows Phone.

image

Xamarin Sport: A Beautiful Open Source Consumer App

Sobre la ultima app hay un post completo donde se explican los componentes que forman la misma. Además de como integrarla con Azure, y un pequeño video sobre la app

https://www.youtube.com/watch?v=GmdvxDVluRA

Adam Wolf Syntax is my UI

Un must read. Adam Wolf (Xamarin MVP) tiene unos recursos muy intersantes para el desarrollo con Xamarin Forms. Su Cookbook series es imprescindible si quieres ver hasta done puedes llegar

Xamarin.Forms Grid Recipe

Adam Wolf Xamarin.Forms ListView Custom ViewCell Recipe

Un ejemplo de la serie anterior. En esta entrada, Adam nos muestra como con un poco de código sobre un ListView, se puede tener un look&feel bastante atractivo.

image

GitHub PlugIns for Xamarin

Saliendo un poco de blogs de developer, en este caso este repo de GitHub tiene una colección de links a elementos muy útiles si desarrollas apps con Xamarin. Por ejemplo,

  • Compass: Easily access compass heading 0-360 degrees.
  • Local Notifications: Easily show and schedule local notifications.
  • Permissions: Check and request runtime permissions.
  • Share: Easily share text or open a browser

DevExpress Grid

Los controles de 3ros suelen tener sus mas y sus menos. Yo personalmente prefiero sacarme trabajo, si los controles son buenos y con los controles de DevExpress he tenido buenas experiencias. Es por esto, que esta grid para Xamarin Forms, está en mi lista de #MustTest. Además de que tiene varias features interesantes, es gratis!

 

Telerik UI for Xamarin

Finalmente, si puedes invertir un poco de dinero los controles de Telerik on una alternativa interesante. Controles para hacer gráficos, calendarios y una listview con más funcionalidades pueden acelerarnos mucho los tiempos de desarrollo.

image

Grial UI.Kit

Otro ejemplo donde es necesario invertir un poco de dinero, pero que nos permite ganar mucho tiempo.

Los amigos de Plain Concepts han hecho un interesante review de este kit que se puede leer aquí.

SyncFusion Essential Studio

Otra suite de controls donde toca poner un par de €uros. Eso si, hay planes específicos gratis para startups y demás. No he leído todas las opciones, pero es bastante interesante.

La suite de controles tiene cosas interesantes como el soporte para MVVM, integración nativa en Visual Studio con Nuget y más cosas.

En la página what’s new, se muestran las últimas actualizaciones con algunos controles muy buenos como el Calendar, Rating o el Schedule. Y como siempre, mejor explicarlo con un video

Saludos @ Madrid

-El Bruno

References

#Xamarin – Resource list to create “nice apps” with #XamarinForms (Updated)

Hello!

Update: This is an update from my previous post with some new resources and some suggestions people told me to work with XF!

After investing some time on learning how to work with Bluetooth, beacons, and other technologies with Xamarin Forms, now is the time to create Apps. Someone (like me) could feel some disappointment, because the default controls supported by Xamarin Forms are “kind of poor”. So I pack a couple of resources which I found on samples on how to improve the Look & Feel of our Xamarin Forms Apps.

Xamarin Jump-start your next project with a prebuilt app

The first example can be the sample 4 apps shared by the Xamarin team, where besides the source code, some of which are available in the stores of Apple, Android, and Windows Phone.

image

Xamarin Sport: A Beautiful Open Source Consumer App

The last app has also a complete post, in which explains the components used in the app. As well as how to integrate it with Azure, and a short video about the app

Adam Wolf Syntax is my UI

A #MustRead website. Adam Wolf (Xamarin MVP) has a very interesting development resources with Xamarin Forms. His Cookbook series is essential if you want to see up to donate you can get

Adam Wolf Xamarin.Forms ListView Custom ViewCell Recipe

An example of the previous series. In this post, Adam shows us how with a little bit of code on a ListView, you can have a look & feel quite attractive.

image

GitHub PlugIns for Xamarin

Let’s leave dev blogs and go for GitHub. In this GitHub repository we can find a very useful collection of links to develop apps with Xamarin. For example:

  • Compass: Easily access compass heading 0-360 degrees.
  • Local Notifications: Easily show and schedule local notifications.
  • Permissions: Check and request runtime permissions.
  • Share: Easily share text or open a browser

DevExpress Grid

3rd party controls tend to have their advantages and disadvantages. If the controls are good, I usually try to use them. And I’ve good some very good experiences with DevExpress controls. That is why, this Xamarin Forms Grid, is on my #MustTest list. Besides that it has several interesting features, it’s free!

Telerik UI for Xamarin

Finally, if you can invest some money, the Telerik controls on an cool choice. Controls to make graphics, calendars and a extended listview can speed up our development time.

image

Grial UI.Kit

Another example where it is necessary to invest a little money, but that allows us to buy much time.

My good friends in Plain Concepts have made an interesting review of this kit which you can read here.

SyncFusion Essential Studio

Another suite where you need to spend some money (altought they have some free plans for startups). The nice things about this one is the support for MVVM, Nuget integration for Visual Studio Developers, and more stuff.

In the what’s new page, there are a couple of beautiful controls like the Calendar, the Rating or the Schedule. And, as always, a video is better than 1000 words

 

Greetings @ Madrid

-El Bruno

References

#Xamarin – Live preview of #Xaml in #XamarinForms using #GorillaPlayer in #VisualStudio

image

Hello!

Today I’ll write a quick review to another cool tool which allows us to have a real time preview of XAMLs views when we works with Xamarin Forms. Let me introduce to you to  Gorilla Player, is a nice tool to have real-time XAMLs preview, however I also like the logo, is one of the best I’ve seen since the Octocat.

The product is in beta phase. You can sign up and then it’s time to wait a while to see if you have been accepted. When you accept you, they send you the information to download the app and also a username and password to use it.

Setup (easy and fast!)

I’m not going to write about the installation process, since it is quite intuitive. The only thing that should be mentioned, is that the app is integrated with Visual Studio 2015 and Xamarin Studio. How cool is this?

image

Working with Gorilla Player

We should start opening with Visual Studio, a Xamarin solution named “Player”. Then we need to build  and deploy this app on the device/s in which we want to have the preview online or our Xamarin Forms. For this sample, I’ll deploy the app in 2 Android devices with different resolutions

  • Samsung Galaxy 5S Mini, 5’’
  • VS Emulador 7’’ KitKat

Once deployed the app, we can already see it as a new app on our desktop.

image

If our environment is properly configured, we should see “Connected” status in the app. The following image shows the app connected in the 7″ emulator and the S5 Mini.

image

Now it is time to open this app. When we launched the app will see that it shows us the State of connected. This is because the Gorilla Player installer has installed a small app that is the bridge between the devices and our designer..

image

Important: If you don’t have this app running, you should open it. A search with “Gorilla” takes us to the shortcut to it 😉

image

Real Time Preview con Gorilla Player

With the working environment up and running, we can start use Gorilla Player. Every time you modify a XAML file you’ll see in the devices where you have the app running a preview of the XAML code in real time. For example:

2016 01 27 Gorilla Player

Something I feel after using it a while, it works perfect when all styles, bindings and other statements are defined in XAML mode. If you make some kind of binding by code, it seems that it fails to correctly resolve some types.

Personally, I like the idea of working side-by-side with the Visual Studio Android emulator in order to have a live preview my XAMLs files. I will give you a bit of use for a while, and I will also learn to declare more information in XAML (I’m very C# for almost everything).

If you have been wanting more, the video below shows a demo live of some features of the app:

Greetings @ Madrid

-El Bruno

References

#Xamarin – Preview de diseño de nuestros #Xaml con #GorillaPlayer

image

Hola!

Hoy toca dar un repaso a otra opción interesante para tener un preview online del diseño de nuestros XAMLs en Xamarin Forms. En este caso se trata de Gorilla Player, además de ser una buena opción para trabajar con nuestros XAMLs en tiempo real, tiene uno de llos logos más simpáticos que he visto desde el Octocat.

El producto está en fase beta. Te puedes apuntar y luego es momento de esperar un tiempo para ver si has sido aceptado. Cuando te aceptan, te envían la información para descargar la app y además un usuario y contraseña para usar la misma.

Instalación (muy rápido)

Voy a pasar de largo el proceso de instalación, ya que es bastante intuitivo. Lo unico que debería reseñar, es que la app está integrada con Visual Studio 2015 y Xamarin Studio.

image

Trabajando con Gorilla Player

Lo primero que tenemos que hacer es abrir con Visual Studio, la solucion “Player”. Luego tenemos que compilar y desplegar la app en el device en el que deseemos tener el preview online. En mi caso, desplegaré la app en 2 devices Android con resoluciones diferentes

  • Samsung Galaxy 5S Mini, 5’’
  • VS Emulador 7’’ KitKat

Una vez desplegada la app, ya podremos ver la misma como una nueva app en nuestro escritorio.

image

Si nuestro entorno está bien configurado, debemos ver el estado “Connected” en la misma. La siguiente imagen muestra la app conectada en el emulador de 7’’ y en el S5 Mini.

image

Ahora es momento de abrir esta app. Cuando lanzamos la app veremos que la misma nos muestra el estado de conectada. Esto es porque, el instalador de Gorilla Player ha instalado una pequeña app que es la que hace de bridge entre los devices y nuestro diseñador.

image

Importante: Si no tienes en ejecución esta app, debes abrirla. Una búsqueda por Gorilla nos lleva al shortcut a la misma.

image

Real Time Preview con Gorilla Player

Con el entorno funcionando, ya podemos utilizar Gorilla Player. Cada vez que modifiquemos un archivo XAML veremos como en los devices en los que tenemos la app en ejecución, veremos en tiempo real un preview de nuestro XAML. Por ejemplo:

2016 01 27 Gorilla Player

Un detalle que intuyo después de usarlo un tiempo, es que funciona perfecto cuando todas las declaraciones de estilos, bindings y demás están en el XAML. Si realizas algún tipo de binding por código, parece que no termina de resolver correctamente algunos tipos.

Personalmente, me gusta la idea de trabajar con el emulador de Android de Visual Studio para poder tener un preview rápido de mis XAMLs. Le daré un poco de uso durante un tiempo, y además me servirá para aprender a declarar más información en XAML (yo soy muy de C# para casi todo).

Si te han quedado ganas de más, el siguiente video nos muestra una demo en vivo de algunas features de la app:

Saludos @ Madrid

-El Bruno

References

#Xamarin – Resource list to create “nice apps” with #XamarinForms

Hello!

After investing some time on learning how to work with Bluetooth, beacons, and other technologies with Xamarin Forms, now is the time to create Apps. Someone (like me) could feel some disappointment, because the default controls supported by Xamarin Forms are “kind of poor”. So I pack a couple of resources which I found on samples on how to improve the Look & Feel of our Xamarin Forms Apps.

Xamarin Jump-start your next project with a prebuilt app

The first example can be the sample 4 apps shared by the Xamarin team, where besides the source code, some of which are available in the stores of Apple, Android, and Windows Phone.

image

Xamarin Sport: A Beautiful Open Source Consumer App

The last app has also a complete post, in which explains the components used in the app. As well as how to integrate it with Azure, and a short video about the app

Adam Wolf Syntax is my UI

A #MustRead website. Adam Wolf (Xamarin MVP) has a very interesting development resources with Xamarin Forms. His Cookbook series is essential if you want to see up to donate you can get

Adam Wolf Xamarin.Forms ListView Custom ViewCell Recipe

An example of the previous series. In this post, Adam shows us how with a little bit of code on a ListView, you can have a look & feel quite attractive.

image

GitHub PlugIns for Xamarin

Let’s leave dev blogs and go for GitHub. In this GitHub repository we can find a very useful collection of links to develop apps with Xamarin. For example:

  • Compass: Easily access compass heading 0-360 degrees.
  • Local Notifications: Easily show and schedule local notifications.
  • Permissions: Check and request runtime permissions.
  • Share: Easily share text or open a browser

DevExpress Grid

3rd party controls tend to have their advantages and disadvantages. If the controls are good, I usually try to use them. And I’ve good some very good experiences with DevExpress controls. That is why, this Xamarin Forms Grid, is on my #MustTest list. Besides that it has several interesting features, it’s free!

Telerik UI for Xamarin

Finally, if you can invest some money, the Telerik controls on an cool choice. Controls to make graphics, calendars and a extended listview can speed up our development time.

image

Grial UI.Kit

Another example where it is necessary to invest a little money, but that allows us to buy much time.

Friends of Plain Concepts have made an interesting review of this kit which you can read aquí.

Greetings @ Madrid

-El Bruno

References

#Xamarin – Algunos recursos para crear app “bonitas en #XamarinForms

Hola!

Después de invertir tiempo en conocer como trabajar con Bluetooth, beacons y otras tecnologías en Xamarin Forms, llega el momento de crear las apps. Aquí a más de uno se le puede caer el alma al piso, porque los controles por defecto que nos da Xamarin Forms son “un poco pobres”. Así que dejo un par de recursos que me he encontrado sobre ejemplos para mejorar el Look&Feel de nuestras Xamarin Forms Apps.

Xamarin Jump-start your next project with a prebuilt app

El primer ejemplo pueden ser las 4 apps de ejemplo que comparte el equipo de Xamarin donde además del código fuente, algunas de ellas están disponibles en las stores de Apple, Android y Windows Phone.

image

Xamarin Sport: A Beautiful Open Source Consumer App

Sobre la ultima app hay un post completo donde se explican los componentes que forman la misma. Además de como integrarla con Azure, y un pequeño video sobre la app

https://www.youtube.com/watch?v=GmdvxDVluRA

Adam Wolf Syntax is my UI

Un must read. Adam Wolf (Xamarin MVP) tiene unos recursos muy intersantes para el desarrollo con Xamarin Forms. Su Cookbook series es imprescindible si quieres ver hasta done puedes llegar

Xamarin.Forms Grid Recipe

Adam Wolf Xamarin.Forms ListView Custom ViewCell Recipe

Un ejemplo de la serie anterior. En esta entrada, Adam nos muestra como con un poco de código sobre un ListView, se puede tener un look&feel bastante atractivo.

image

GitHub PlugIns for Xamarin

Saliendo un poco de blogs de developer, en este caso este repo de GitHub tiene una colección de links a elementos muy útiles si desarrollas apps con Xamarin. Por ejemplo,

  • Compass: Easily access compass heading 0-360 degrees.
  • Local Notifications: Easily show and schedule local notifications.
  • Permissions: Check and request runtime permissions.
  • Share: Easily share text or open a browser

DevExpress Grid

Los controles de 3ros suelen tener sus mas y sus menos. Yo personalmente prefiero sacarme trabajo, si los controles son buenos y con los controles de DevExpress he tenido buenas experiencias. Es por esto, que esta grid para Xamarin Forms, está en mi lista de #MustTest. Además de que tiene varias features interesantes, es gratis!

 

Telerik UI for Xamarin

Finalmente, si puedes invertir un poco de dinero los controles de Telerik on una alternativa interesante. Controles para hacer gráficos, calendarios y una listview con más funcionalidades pueden acelerarnos mucho los tiempos de desarrollo.

image

Grial UI.Kit

Otro ejemplo donde es necesario invertir un poco de dinero, pero que nos permite ganar mucho tiempo.

Los amigos de Plain Concepts han hecho un interesante review de este kit que se puede leer aquí.

Saludos @ Madrid

-El Bruno

References