Xamarin Forms Course { Videos 3 & 4 }


Hola nuevamente, a continuación les quiero compartir dos videos nuevos que publique recientemente, en donde hablo sobre la Navegación entre pantallas y del control Entry.

Xamarin Forms #3 – Navegación

Xamarin Forms proporciona un modelo de navegación integrado que administra la navegación y la experiencia del usuario de una pila de paginas. Este modelo implementa una pila de objetos Page en la que el ultimo en entrar es el primero en salir (LIFO).

La lógica en si es sencilla, para pasar de una pagina a otra, la aplicación insertara una nueva pagina en esta pila, para volver a la pagina anterior, la aplicación sacara la pagina actual de la pila.

La clase NavigationPage, es la que administra la pila de objetos Page.

Xamarin Forms #4 – Entry

El Entry se utiliza para la entrada de texto de una sola línea y admite varios tipos de teclado, tales como: Default, Chat, Email, Numeric, Telephone y Url.

Ademas de que también al Entry lo Podemos utilizar como un campo de contraseña.

 

Recuerden subscribirse al canal y si les gustaron, denle like y compartan con sus amigos.

Referencias:

Xamarin Forms { Video Course }


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.

 

 

Getting unique device ID {Xamarin.Forms}


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).

1

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.

2

Validemos que se instalo correctamente:

3

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:

5

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:

githubgallery

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

¿Cómo seguir mostrando el teclado al cambiar de campo en un formulario? #XamarinForms


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 Tips & Tricks (Event)


Sin duda alguna los tendencias hoy en día en el ámbito de la programación esta enfocado a crea aplicaciones con Xamarin, tecnología que Microsoft adquirió en Febrero del 2016 y a la usabilidad y experiencia que las acompañan, esto tomando en cuenta los lineamientos que Google y Apple brindan para que estos sean amigables con el usuario.

El proximo Sábado 1 de Julio, los invito a que asistan al evento que estará enfocado a estos dos mundos, que aunque están separados, siempre caminan juntos.

Agenda:

UX & UI Para Móviles 

La Experiencia de Usuario e Interfaz de usuario van de la mano, aunque no son lo mismo, conoceremos las diferencias entre ambos términos y cuán importante es el rol que tienen para que formen parte del éxito de tu App. Conoceremos también las tendencias de diseño en el UI y herramientas sencillas para desarrolladores.

Primeros pasos en Xamarin

Conoce las principales funciones que existen en Visual Studio 2017 y Xamarin para poder crear una aplicación funcional de manera sencilla, así mismo veremos sobre el rendimiento y que evitar a la hora de llevar a cabo un desarrollo empresarial.

Perfil del asistente:

Conocimientos en programación en C#

Registrate: Eventbrite

Nota original: https://telmexhub.org/evento/4560


El evento

El dia llego y asi se vivio el evento Xamarin Tips & Tricks :

Fotos:

Agradezco a @PakoKingss por su charla de UX&UI y a todos los asistentes que sin duda espero volver a verlos en el siguiente evento.