Hello World!

El motivo de este post es para compartir con ustedes el siguiente curso que estaré trabajando a lo largo de algunas semanas enfocado a Xamarin.Forms, hasta el momento he publicado dos de ellos.

Xamarin Forms #1

En esta primera entrega iremos paso a paso para poder crear nuestra primera aplicación en blanco y poder visualizarla en los 3 sistemas operativos móviles.

Xamarin Forms #2 – XAML

En este vídeo les platicare un poco de la historia de XAML, sus ventajas y las nuevas características que se presentan en Visual Studio 2017.

Primeramente, hay que saber que XAML es el acrónimo de eXtensible Application Markup Language, el cual en español significa lenguaje de marcado y está basado en XML

Este lenguaje se usa para instanciar objetos de .NET como Buttons, Labels, TextBox, etc.., y principalmente fue destinado a la creación de interfaces de usuario.

Cabe mencionar que fue pieza clave desde la llegada del Framework 3.0 de .NET y WPF, así mismo fue primordial en el desarrollo de interfaces para aplicaciones Silverlight, Windows Phone, Windows Store y ahora para UWP con la llegada de Windows 10.

Con el paso del tiempo ha ido mejorando, y hoy con el fin de proporcionar una experiencia mejorada, y con más opciones, ha sido recompilado sobre .NET Compiler Platform, mejor conocido como Roslyn.

Una de las mejoras incluidas desde Visual Studio 2015 fue la posibilidad organizar nuestro código mediante regiones.

Si se han quedado con ganas de conocer más a fondo, les recomiendo ver el vídeo de Channel 9, titulado Mejoras del editor de código para desarrolladores XAML de la mano de Harikrishna Menon, gestor de programas de Visual Studio 2015, el cual comparto a continuacion:

Recuerden darle me gusta si les agradaron los vídeos y compartirlos con sus amigos, suscríbanse al canal y nos vemos en la próxima.

El otro día tuve que buscar una manera de poder mostrar el Id único del dispositivo, y siendo sincero con ustedes, fue algo que no me esperaba que me lo solicitaran puesto que no es normal mostrarle esta información al usuario, pero en fin, esto me llevo a investigar y después de un rato pude encontrar que James Montemagno ya había creado un complemento y que con solo una linea de código nos lo puede brindar.

var deviceId = CrossDeviceInfo.Current.Id;

Demo

Ahora bien, la forma de implementarlo es demasiado sencilla, para esto, en un proyecto en blanco de Xamarin Forms y bajo el esquema de PCL, lo único que debemos de realizar es agregar el Nuget Package  Xam.Plugin.DeviceInfo en cada proyecto (PCL, Android, iOS).

Y que al hacerlo por primera vez, nos aparecerá un archivo readme.txt el cual nos invita a que no se nos olvide instalarlo en todos los proyectos, así mismo como unas notas puntuales de lo que conlleva la versión instalada.

Validemos que se instalo correctamente:

XAML

 <?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:Demo_DeviceID" x:Class="Demo_DeviceID.MainPage">

    <Label x:Name="titleDeviceId" VerticalOptions="Center" HorizontalOptions="Center" />

</ContentPage>

C#

using Xamarin.Forms;

using Plugin.DeviceInfo;

namespace Demo_DeviceID
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();

            var deviceId = CrossDeviceInfo.Current.Id;
            var deviceIdResult = new Label();

            deviceIdResult.Text = deviceId;

            titleDeviceId.Text = "My device Id: " + deviceIdResult.Text;
        }
    }
}

El resultado:

Cabe destacar que no es lo único que podemos obtener de este complemento, si no que también podemos mostrar mas propiedades como modelo, sistema operativo, versión, e incluso la capacidad de generar una identificación única para nuestra aplicación basada en estas propiedades.

Si quieren acceder al código, lo pueden consultar en mi GitHub:

Y bueno, con esto terminamos este pequeño ejemplo, espero les haya servido, y si tienen alguna duda, favor de hacérmela saber por este medio. Hasta la próxima!

Mas información: DeviceInfoPlugin

Es casi normal que toda aplicación tenga su formulario para poder iniciar sesión, y que este compuesto de dos entradas (Entry) y un botón (button). Ahora bien, aquí lo que normalmente nos gustaría que sucediera es que al presionar la tecla Ingresar (Enter) pueda navegar a la siguiente entrada (Entry) sin necesidad de seleccionarla.

Entonces, la pregunta es: ¿hay alguna manera de realizar esto?

Si, y de hecho es muy sencilla, lo único que debemos de hacer es cambiar el foco cada vez que se inicia la propiedad Entry.Completed.

La logica es que cuando se dispara username_entry.Completed, cambio el foco a la pass_entry, y finalmente al Button.

username_entry.Completed += (s, e) =>  {   pass_entry.Focus();     };

DEMO

XAML

<Entry
x:Name="username_entry"
Placeholder="Username" />

<Entry
x:Name="pass_entry"
IsPassword="true"
Placeholder="Password" />

<Button 
x:Name="enterBtn"
VerticalOptions="Center"
Command="{Binding LoginCommand}" />

C#

public LoginPage()
{
 BindingContext = _viewModel = new LoginViewModel();

 InitializeComponent();
}

protected override void OnAppearing()
{
base.OnAppearing();
username_entry.Completed += (s, e) =>
{
pass_entry.Focus();
};

pass_entry.Completed += (s, e) =>
{
enterBtn.Command.Execute(_viewModel);
};
}

Como habrás visto este tutorial es demasiado sencillo, pero por varias preguntas de varios dentro de la comunidad me decidí a realizarlo. Si tienes cualquier duda, alguna sugerencia o quieres hacerme saber algo, no dudes en escribirme por este medio.

Nos leemos pronto.

Xamarin.Forms proporciona este ayudante estático que nos permite ocultar el famoso ApplicationBar:

 NavigationPage.SetHasNavigationBar(this, false);

Consideremos que si tenemos una CarouselPage, este no soportado, por ende no funcionara.