Interfaces de notificación

Resumen

Cuando hablamos de la propiedad mode del Binding en el Enlace a Datos, es necesario tener en cuenta que los modos OneWay y TwoWay requieren que el objeto fuente implemente alguna de las siguientes interfaces para ser ““escuchado””:

INotifyPropertyChanged: cuando se trata de una propiedad simple, tradicional.
INotifyCollectionChanged: cuando hablamos de una colección de propiedades.

Generalmente, no es necesario implementar directamente la interfaz INotifyCollectionChanged ya que lo recomendado es usar la clase genérica ObservableCollection<T> que ya implementa de manera automática INotifyPropertyChanged y INotifyCollectionChanged.

Alexander Miguel Ferreras Concepción

student•

Este es codigo que necesitas tener antes de tomar esta clase.

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"
             xmlns:local="clr-namespace:EnlaceDeDatos"
             mc:Ignorable="d"
             x:Class="EnlaceDeDatos.MainPage">
    <ContentPage.Resources>
        <local:Disco x:Key="disco1" Titulo="let it be" Banda="The Beatles s" />
    </ContentPage.Resources>
    <StackLayout>
        <!-- Place new controls here -->
        <Label Text="{Binding Titulo,Source={StaticResource disco1},Mode=OneWay}" />
        <Label Text="{Binding Banda,Source={StaticResource disco1},Mode=OneWay}" />
        <Button Text="Cambiar" Clicked="OnClicked"/>
    </StackLayout>

</ContentPage>

MainPage.xaml.cs

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

        private void OnClicked(object sender, EventArgs e)
        {
            var disco1 = Resources["disco1"] as Disco;
            disco1.Titulo = "Resolver";

        }
    }```

Disco.css

public class Disco {

    public string Titulo { get; set; }
    public string Banda { get; set; }

}```

Este es el codigo que no emos visto en clases pasadas y lo pueden usar para esta clase .

renzo david chavez calderon

student•

Gracias! 👍

Paulina Zoffoli

company_admin•

Faltó un video, porque la clase Disco, y su mainpage apareció mágicamente y sin explicación alguna para mi.

Edgar Baez

student•

NOTA: Por si no lo notaste en este curso y no te queda claro…como ami que no entendia que hacia mal V:
1.- Debes crear una propiedad titulo (con Minuscula)
2.- Debes crear un metodo Titulo (con Mayuscula)

Conclusión deben ser diferentes por que desde XAML llamaremos al método Titulo, no puedes invocar ninguna propiedad desde la interfaz (XAML) al objeto disco o por lo menos no encontre la forma, no se si sea posible.

Eduardo Saligari C.

student•

Según convención, las variables con letras entre mayúsculas y minúsculas no son lo mismo, y usar la variable con minúscula y la mayúscula para la propiedad se hace con la finalidad de que de un vistaso tu sepas que pertenecen a lo mismo. Es obvio que la variable no es pública por que solo se usa para tener el valor de la propiedad y cambiarla o setearla según sea el caso.

Albert Jiménez

student•

Puedes usar el snnipet “propfull” y dar dos veces tab y listo, te crea una propiedad adicionalmente el curso de C# de Platzi nos ayuda a iniciarnos de forma más elegante con este lenguaje de programación.

Andres Leonardo Arevalo

student•

Que gran curso 😃

Marcelo Bustos

student•

Hola Amigos!
me quedé acá…
¿Como hago para enlazar la clase (Discos.cs) al label

{Binding Source={StaticResource disco1}

como llego a que Discos.cs sea disco1 o album1 segun el video?

Gracias

Albert Jiménez

student•

en MainPage.xaml.cs reemplaza por

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

namespace Discos
{
    public partial class MainPage : ContentPage
    {
        Disco nuevoDisco = new Disco();
        public MainPage()
        {   
            AsignaDisco(nuevoDisco, "Nuevo Titulo", "Nueva banda");
            BindingContext = nuevoDisco;
            InitializeComponent();
            
        }

        private void AsignaDisco(Disco nuevoDisco, string v1, string v2)
        {
            nuevoDisco.Titulo = v1;
            nuevoDisco.Banda = v2;
        }
        int cuenta = 0;
        private void Button_Clicked(object sender, EventArgs e)
        {
            cuenta++;
            AsignaDisco(nuevoDisco, $"Otro Titulo {cuenta}", $"Otra banda {cuenta}");
            ctrlBoton.Text = "He cambiado";
        }
    }
}

y en MainPage.xaml reemplaza el stackLayout por:

    <StackLayout Margin="0,0,0,30" >
        <!-- Place new controls here -->
        <Label Text="{Binding Titulo}" 
           HorizontalOptions="Center"
           VerticalOptions="CenterAndExpand" />
        <Button x:Name="ctrlBoton" Text="Cambiar" Clicked="Button_Clicked" />
    </StackLayout>

Recuerda que la aplicaion debe llamarse Discos y sigues el tutorial de esta clase que despues de tanto leer y releer los videos me parece que esta excelente

Juan David Leon Barrera

student•

falta cerrar una llave “}”

{Binding Source={StaticResource disco1}}

Esneyder Alvarez

student•

Poderoso y buena explicación sobre este tema

Nelson González

student•

Excelente explicación. Totalmente aclarada la primera clase donde me había quedado en la Luna.

Albert Jiménez

student•

Excelentes explicaciones, muy ordenadas e informativas.

Julio Vargas Bautista

student•

Alguien tiene el ejemplo completo que esta usando el profe?

Andres Leonardo Arevalo

student•

Explicación del ([CallerMemberName] string propertyName = null)

Albert Jiménez

student•

Ya lo había dicho desde la ignorancia del primer video, pero ahora que entendí realmente, con todo respeto, el tutor es un Gran Maestro. Mil gracias 😃

Alexander Miguel Ferreras Concepción

student•

Falta una clase

Amin Gomez Daza

student•

Donde está la clase antes de esta, en donde se crea la clase Disco?

Alexander Eekhout

student•

¡Excelente Explicación!

Interfaces de notificación

Introducción a Xamarin

¡Renovamos este contenido con cursos de .NET MAUI!

Antes de empezar

Todo lo que aprenderás sobre Xamarin Forms

¿Qué es Xamarin?

Instalación y configuración

Requerimientos de hardware y software

Introducción a Instalación de Visual Studio .NET y Herramientas

Instalación de Visual Studio .NET en Windows

Instalación de Visual Studio .NET for Mac

Configuración de Xamarin para iOS

Fundamentos de Xamarin.Forms

Mi primera app con Xamarin.Forms

Xamarin.Forms vs. Xamarin clásico

Estrategias para compartir código

Arquitectura de Xamarin.Forms

Anatomía de una aplicación

Arquitectura de Xamarin.Forms

Sistema de Propiedades Enlazables

Sistema de Propiedades Enlazables

Usando y creando Propiedades Enlazables

Propiedades Adjuntas

Manejo de Eventos

Manejo de eventos

Ciclo de vida

El Lenguaje XAML

¿Qué es XAML?

Espacios de Nombres XML

Sintaxis de subelementos y de contenido

Extensiones de Marcado

Recursos

XAML compilado

Interfaz de Usuario

Contenedores

Controles comunes

Creación de controles personalizados

Estilos

Triggers en Estilos

Diccionarios Mezclados

Transformaciones y Animaciones

Navegación

DisplayAlert y DisplayActionSheet

MessagingCenter

Enlace de Datos

Enlace de Datos

Interfaces de notificación

La clase ObservableCollection&amp;lt;t&amp;gt;

Contexto de Enlace de Datos

Enlace entre elementos

Propiedad StringFormat

Plantillas de Datos

Convertidores de Valor

Comandos

¿Qué son los Comandos?

Implementación básica e implementaciones existentes

El Patrón de Diseño Model-View-ViewModel (MVVM)

Introducción al patrón de diseño MVVM

¿Qué es MVVM?

Componentes del Patrón

Proyecto: Pomodoro

App Pomodoro

Continuando con la app Pomodoro

Concluyendo nuestra app Pomodoro

La clase ObservableCollection<t>