harset="UTF-8"> Xamarin: Aprende que es el dataBindig y como se usa. Muy Fácil

Xamarin: Qué es DataBindig y como se usa?

Hoy vamos a explicar muy resumidamente que es el DataBindig y como se usa de la manera más básica que pueda.

Qué es DataBindig?

Bueno básicamente dababindig es crear un enlace entre los elementos de la interfaz de usuario( UI ) y la parte de la lógica de negocio, es decir, enlazamos la parte que ve el usuario y la parte donde tenemos los datos que puede ver en ese momento.

Por lo tanto podemos decir que la parte de la lógica de negocio es el origen y el elemento de la interfaz sería el destino.

 

Como se usa el DataBindig?

Vamos a suponer que tenemos la clase Persona() con dos atributos, su Nombre y su Email tal que así:

Public class Persona(){

      public string Nombre { get; set;}

      public string Email {get; set;}

}

Y ahora en la parte de la UI, es decir, en el archivo xaml de la interface de usuario metemos dos elementos Label para mostrar el Nombre y el Email:

Normalmente si quisiéramos mostrar un nombre y un email en dos label podríamos hacerlo así:

<Label Text:"Pedro" />
<Label Text:"pedro@gmail.com" />

Pero no lo vamos a hacer así, pero para que lo puedas entender mejor antes vamos a crear el objeto Persona con un nombre y un email para después mostrarlo en nuestro xaml

Así que nos vamos a la lógica de nuestro xaml.cs y creamos el objeto con los datos de la siguiente manera:

Public Persona pers{get; set;} //Creamos el atributo pers de la clase Persona publicamente

Public MainPage(){

   Persona pers = new Persona(); //Y aquí instanciamos a pers

   pers.Nombre = "Pedro";
   pers.Email = "pedro@gmail.com";

   BindingContext = pers; // Le indicamos cuál va a ser el contexto del enlace que vamos a crear
   InicializeComponent();
}

Y ya para acabar si que podemos irnos a nuestro xaml para mostrar los datos con el enlace que hemos creado

<Label Text:"{Bindig Nombre}" />
<Label Text:"{Bindig Email}" />

Fijate que ahora metemos el bindig entre llaves {} y le indicamos la propiedad que va a acceder.

De este modo si cambiamos en la lógica de negocio los datos, se cambiarán también en la interface de usuario en tiempo real.

Espero que te haya sido de ayuda y hayas aprendido de una forma muy sencilla que es y como se usa el DataBindig.

Y si te ha gustado el articulo no olvides calificarlo aquí. 

5 (100%) 1 vote

También te podría gustar...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *