Introducción

El enlace de datos permite declarar relaciones entre los datos y los controles de la interfaz de usuario (IU). Se mantienen sincronizados de forma automática cuando cambie cualquier elemento. Los enlaces de datos pueden hacer que el código sea más rápido de leer y más fácil de mantener y probar.

El enlace de datos ofrece una forma de acoplar su interfaz de usuario directamente a los datos en lugar de asociar su interfaz de usuario con código en el código subyacente de la interfaz de usuario. Cuando la interfaz de usuario está vinculada a los datos, la interfaz se actualiza automáticamente cuando los datos cambian, manteniéndose sincronizada con ellos. Por el contrario, si el usuario interactúa con la interfaz de usuario, los datos permanecen sincronizados con la interfaz de usuario.

Escenario de ejemplo

Imagine que está trabajando en una aplicación que presenta a los usuarios información sobre el tiempo en una región o dirección seleccionada. A medida que el usuario introduce una ubicación, la aplicación carga los datos de previsión meteorológica de un servicio meteorológico externo y actualiza la interfaz de usuario. La interfaz de usuario y los datos del servicio meteorológico están estrechamente acoplados a través de la interfaz de usuario XAML y el archivo de código subyacente XAML. El servicio meteorológico ya está abstraído en su propia clase, pero su interfaz de usuario depende en gran medida del código subyacente para presentar esos datos a la interfaz de usuario.

Algún tiempo después de que se publique la aplicación, el servicio meteorológico que usa anuncia que se cierran. Anticipándose a ello, empieza a buscar un servicio de sustitución. De los servicios que ha evaluado, observa que todos ellos introducen y emiten datos de formas diferentes. Dado que la interfaz de usuario usa eventos de código subyacente para la interacción con el servicio, la experiencia de la interfaz de usuario podría verse afectada por este cambio.

Sería útil cambiar la forma en que la interfaz de usuario sincroniza las actualizaciones del tiempo, pasando de los eventos de código subyacente a la vinculación de datos. De este modo, si se vuelve a realizar un cambio de servicio, ha minimizado el impacto en el código.

Tareas que realizará

Este módulo muestra las diferencias entre una interfaz de usuario basada en código y una basada en datos, y le enseña a usar la vinculación de datos para actualizar la interfaz de usuario en lugar de código subyacente. Usando una aplicación del tiempo de muestra, convertirá las actualizaciones de la interfaz de usuario de código subyacente a enlace de datos.

Temas que se abordarán

Al final de este módulo, podrá usar el enlace de datos para presentar datos en la interfaz de usuario y transformar los datos cuando los tipos de interfaz de usuario y los tipos de datos no coincidan.

Requisitos previos

• Visual Studio 2026 con la carga de trabajo MAUI de .NET instalada
• Opcional: Visual Studio Code con la extensión .NET MAUI y .NET SDK con la carga de trabajo .NET MAUI instalada

Requisitos para el desarrollo de .NET MAUI

Para crear aplicaciones .NET MAUI con .NET 9, debe instalar Visual Studio versión 17.12 o posterior con la carga de trabajo siguiente instalada:

• Desarrollo de la interfaz de usuario de aplicaciones multiplataforma de .NET

Además, si quiere crear aplicaciones .NET MAUI Blazor, debe instalar la carga de trabajo de desarrollo web y ASP.NET.

Consulte la documentación para ver un tutorial de configuración.

Desarrollo con Visual Studio Code

Si está desarrollando en macOS o Linux, deberá instalar Visual Studio Code y la extensión MAUI de .NET junto con la SDK de .NET y la carga de trabajo de MAUI de .NET. Consulte la documentación para ver un tutorial de configuración.