Contexto de Enlace de Datos

Resumen

El contexto de enlace de datos se expresa a través de la propiedad BindingContext expuesta en la clase BindableObject. Es bastante útil cuando estamos enlazando múltiples controles a la misma fuente.

Al especificar el BindingContext en un control que posee sub-elementos, ya no es necesario estar indicando recurrentemente el source en cada sub-elemento porque los asume desde el contexto del control padre.

El contexto de enlace a datos funciona de la siguiente manera: la expresión de binding va a comprobar si hay un Source en el mismo elemento, si no lo hay va a buscar si se le ha definido un BindingContext, y si tampoco lo encuentra sube un nivel, hacia el elemento padre para comprobar si allí se se definió algún BindingContext. De esta manera se itera las veces necesarias hasta llegar a la raíz de la aplicación o hasta que encuentre un contexto.

Reto 3
Deberás construir una aplicación de un Reloj utilizando lo aprendido hasta ahora sobre Enlace de Datos. Cada dato actualizable del reloj debe ser un objeto de tipo <Label /> que estará enlazado a una clase llamada Maquinaria.cs que expone una propiedad notificable de tipo int para HH, MM y SS. Se deben actualizar los datos a cada segundo, para lo cual puedes utilizar la clase Timer de System.Timers de .NET, sin codeBehind, todo con enlace de datos.

Miguel Angel Valverde Meregildo

student•

😄
Espero haberlo realizado de la manera correcta.

RODRIGO DIAZ CONCHA

teacher•

A ver, ¿puedes compartir el código de tu clase? 😃

Miguel Angel Valverde Meregildo

student•

Maquinaria.cs

using System;
using System.Collections.Generic;
using System.Text;
using System.Timers;

namespace Reloj
{
    class Maquinaria : NotificationObject
    {
        private int hora;

        public int Hora
        {
            get
            {
                return hora;
            }
            set
            {
                hora = value;
                OnPropertyChanged();
            }
        }

        private int minuto;

        public int Minuto
        {
            get
            {
                return minuto;
            }
            set
            {
                minuto = value;
                OnPropertyChanged();
            }
        }

        private int segundo;

        public int Segundo
        {
            get
            {
                return segundo;
            }
            set
            {
                segundo = value;
                OnPropertyChanged();
            }
        }

        public Maquinaria()
        {
            Timer aTimer = new Timer();
            aTimer.Elapsed += Time_Elapsed;
            aTimer.AutoReset = true;
            aTimer.Enabled = true;
        }

        private void Time_Elapsed(object sender, ElapsedEventArgs e)
        {
            Hora = e.SignalTime.Hour;
            Minuto = e.SignalTime.Minute;
            Segundo = e.SignalTime.Second;
        }
    }
}

MainPage.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:Reloj"
             x:Class="Reloj.MainPage">

    <ContentPage.Resources>
        <Style TargetType="Label" >
            <Setter Property="FontSize" Value="50"/>
        </Style>
        <local:Maquinaria x:Key="maquina"/>
    </ContentPage.Resources>

    <StackLayout BindingContext="{Binding Source={StaticResource maquina}}" Orientation="Horizontal" HorizontalOptions="Center" VerticalOptions="Center">
        <Label Text="{Binding Hora, Mode=OneWay}"/>
        <Label Text=":" />
        <Label Text="{Binding Minuto, Mode=OneWay}"/>
        <Label Text=":" />
        <Label Text="{Binding Segundo, Mode=OneWay}"/>
    </StackLayout>

</ContentPage>

MainPage.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

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

Andres Felipe Campos Peñaranda

student•

Reto ![](

![](

Camilo Vargas

student•

No logre que actualizara en tiempo real, debe manejarse con alguna tarea asincrona o algo asi

<?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:Reloj2"
             x:Class="Reloj2.MainPage">

    <ContentPage.Resources>
        <local:Maquinaria x:Key="maquina"/>
    </ContentPage.Resources>
    <Grid BindingContext="{Binding Source={StaticResource maquina}}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>

        <Label Text="{Binding Hora, Mode=OneWay}" Grid.Column="1" VerticalOptions="Center"/>
        <Label Text="{Binding Minuto, Mode=OneWay}" Grid.Column="2" VerticalOptions="Center"/>
        <Label Text="{Binding Segundo, Mode=OneWay}" Grid.Column="3" VerticalOptions="Center"/>

    </Grid>


</ContentPage>

using System;
using System.Collections.Generic;
using System.Text;
using System.Timers;

namespace Reloj2
{
    public class Maquinaria : NotificationObject
    {
        private int hora;

        public int Hora
        {
            get { return hora; }
            set
            {
                hora = value;
                OnPropertyChanged();
            }
        }

        private int minuto;

        public int Minuto
        {
            get { return minuto; }
            set
            {
                minuto = value;
                OnPropertyChanged();
            }
        }

        private int segundo;

        public int Segundo
        {
            get { return segundo; }
            set
            {
                segundo = value;
                OnPropertyChanged();
            }
        }

        public Maquinaria()
        {
            Hora = DateTime.Now.Hour;
            Minuto = DateTime.Now.Minute;
            Segundo = DateTime.Now.Second;
        }

    }
}

Alexander Miguel Ferreras Concepción

student•

Pon este codigo y listo

 private  System.Timers.Timer aTimer;
        public Maquinaria()
        {
            aTimer = new System.Timers.Timer(1000);
            aTimer.Elapsed += OnTimedEvent;
            aTimer.Start();
        }
        private  void OnTimedEvent(Object source, ElapsedEventArgs e)
        {
            Hora = DateTime.Now.Hour;
            Minuto = DateTime.Now.Minute;
            Segundo = DateTime.Now.Second;
        }```

Paulina Zoffoli

company_admin•

Faltó una clase, no se de donde llegó a este código, esto viene pasando de hace 3 vídeos. Ni siquiera aparece el código en los archivos de la clase, como para entenderlo por último. No sé de donde salió la clase Disco.

kevin leonardo sinza salcedo

student•

kevin leonardo sinza salcedo

student•

alguien tiene el ejemplo del video, es que no me funciono!

Albert Jiménez

student•

Me pasa algo rarisimo y es que al setear la propiedad FontSize en los Label me lanza una excepción en el inicializador y no me deja compilar.
Pero finalmente reto cumplido

Paulina Zoffoli

company_admin•

Aquí les dejo los archivos del reto, basándome en lo que hizo mvalverdedev

https://github.com/PauZoffoli/RelojXamarin/blob/master/MainPage.xaml

Cristian Faraht Alvear Macias

student•

yo lo hice de la siguiente manera y me funcionó perfecto.

MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage.Resources>
    <Style TargetType="Label">
        <Setter Property="FontSize" Value="20"/>
        <Setter Property="FontAttributes" Value="Bold"/>
        <Setter Property="WidthRequest" Value="50"/>
        <Setter Property="HorizontalTextAlignment" Value="Center"/>
        <Setter Property="VerticalTextAlignment" Value="Center"/>
    </Style>
    <local:Maquinaria x:Key="maquina">
        
    </local:Maquinaria>
</ContentPage.Resources>

<Grid BindingContext="{Binding Source={StaticResource maquina}}">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
        <RowDefinition Height="100"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="150"/>
    </Grid.RowDefinitions>

    <Label Text="{Binding Hora, Mode=OneWay}" Grid.Column="0" Grid.Row="1"/>
    <Label Text=":" Grid.Column="1" Grid.Row="1"/>
    <Label Text="{Binding Minutos, Mode=OneWay}" Grid.Column="2" Grid.Row="1"/>
    <Label Text=":" Grid.Column="3" Grid.Row="1"/>
    <Label Text="{Binding Segundos, Mode=OneWay}" Grid.Column="4" Grid.Row="1"/>
</Grid>

</ContentPage>

Maquinaria.cs

using System.Timers;

namespace Reloj { public class Maquinaria: NotificationObject { string hora; public string Hora { get { return hora; } set { hora = value; OnPropertyChanged(); } }

    string minutos;
    public string Minutos
    {
        get
        {
            return minutos;
        }
        set
        {
            minutos = value;
            OnPropertyChanged();
        }
    }

    string segundos;
    public string Segundos
    {
        get
        {
            return segundos;
        }
        set
        {
            segundos = value;
            OnPropertyChanged();
        }
    }

    public Maquinaria()
    {
        Timer t = new Timer();
        t.Elapsed += new ElapsedEventHandler(Time_Elapsed);
        t.Start();
    }
    

    private void Time_Elapsed(object sender, ElapsedEventArgs e)
    {
        Hora = e.SignalTime.Hour.ToString();
        Minutos = e.SignalTime.Minute.ToString();
        Segundos = e.SignalTime.Second.ToString();
    }

}

}

NotificationObject.cs

using System.ComponentModel; using System.Runtime.CompilerServices;

namespace Reloj { public abstract class NotificationObject : INotifyPropertyChanged {

    protected void OnPropertyChanged([CallerMemberName] string propertyname = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyname));
    }

    public event PropertyChangedEventHandler PropertyChanged;
}

Carlos Orjuela

student•

. .

renzo david chavez calderon

student•

MainPage.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:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             xmlns:local="clr-namespace:Reloj"
             x:Class="Reloj.MainPage">

    <ContentPage.Resources>
        <Style TargetType="Label" >
            <Setter Property="FontSize" Value="50" />
        </Style>
        <local:Maquinaria x:Key="maquina" />
    </ContentPage.Resources>

    <StackLayout BindingContext="{Binding Source={StaticResource maquina}}" 
                 Orientation="Horizontal"
                 HorizontalOptions="Center"
                 VerticalOptions="Center">
        <Label Text="{Binding Fecha, Mode=OneWay, StringFormat='{}{0:HH:mm:ss}'}"/>
    </StackLayout>

</ContentPage>```

Maquinaria.cs

using System; using System.Collections.Generic; using System.Text; using System.Timers;

namespace Reloj { class Maquinaria : NotificationObject { private int hora;

    public int Hora
    {
        get
        {
            return hora;
        }
        set
        {
            hora = value;
            OnPropertyChanged();
        }
    }
    private int minuto;

    public int Minuto
    {
        get
        {
            return minuto;
        }
        set
        {
            minuto = value;
            OnPropertyChanged();
        }
    }
    private int segundo;

    public int Segundo
    {
        get
        {
            return segundo;
        }
        set
        {
            segundo = value;
            OnPropertyChanged();
        }
    }
    public Maquinaria()
    {
        Timer aTimer = new Timer();
        aTimer.Elapsed += Time_Elapsed;
        aTimer.AutoReset = true;
        aTimer.Enabled = true;
    }
    private void Time_Elapsed(object sender, ElapsedEventArgs e)
    {
        Fecha = DateTime.Now;
    }

    private DateTime fecha;

    public DateTime Fecha
    {
        get { return fecha; }
        set { fecha = value; OnPropertyChanged(); }
    }
    
}

}

Brian Sánchez Izquierdo

student•

Reto #3

César Pizarro

student•

Reto cumplido!!

Carlos Orjuela

student•

Reto: . .

. . Resultado . .

Juan David Avila Medrano

student•

Esta es mi solución https://github.com/amonsito/XamarinExercicePlatzy2

Daniel Andres Ramirez

student•

Resultado del reto:

XAML

Ricardo de Jesús Veloz Cleto

student•

    public Maquinaria()
    {
        System.Timers.Timer aTimer = new System.Timers.Timer(1000);
        aTimer.Elapsed += ATimer_Elapsed;
        aTimer.Enabled = true;

    }

    private void ATimer_Elapsed(object sender, System.Timers.ElapsedEventArgs e)
    {
        Console.WriteLine("The Elapsed event was raised at {0:HH:mm:ss.fff}",
            e.SignalTime);

        Horas = e.SignalTime.Hour.ToString() + ":";
        Minutos = e.SignalTime.Minute.ToString() + ":";

        if (e.SignalTime.Second < 10)
        {
            Segundos = "0" + e.SignalTime.Second.ToString();
        }
        else
        {
            Segundos = e.SignalTime.Second.ToString();
        }
        //throw new NotImplementedException();
    }

jorge armando garcia

student•

agregando tambien Mode=OnWay a BindigContentex

 <StackLayout BindingContext="{Binding Source={StaticResource datos1}, Mode=OneWay}"
                  Orientation="Horizontal" HorizontalOptions="Center" VerticalOptions="Center">
        <!-- Place new controls here -->
        <Label Text="{Binding Hora }" TextColor="Red"/>
        <Label Text=":"/>
        <Label Text="{Binding Minutos}" />
        <Label Text=":"/>
        <Label Text="{Binding Segundos}"/>
    </StackLayout>```

dejo enlace a clase Timers:[](https://docs.microsoft.com/en-us/dotnet/api/system.timers.timer?view=netframework-4.8)