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

Puntúa este articulo

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 *