Enlace de datosData binding

El enlace de datos es una forma para que la interfaz de usuario de la aplicación muestre los datos y, opcionalmente, se mantenga sincronizada con dichos datos.Data binding is a way for your app's UI to display data, and optionally to stay in sync with that data. El enlace de datos permite separar lo que concierne a los datos de lo que concierne a la interfaz de usuario, lo que da como resultado un modelo conceptual más sencillo y una mejor legibilidad, comprobación y mantenimiento de la aplicación.Data binding allows you to separate the concern of data from the concern of UI, and that results in a simpler conceptual model as well as better readability, testability, and maintainability of your app. En el marcado, puedes usar la extensión de marcado {x:Bind} o la extensión de marcado {Binding}.In markup, you can choose to use either the {x:Bind} markup extension or the {Binding} markup extension. Incluso puedes usar una combinación de ambos en la misma aplicación, aun en el mismo elemento de la interfaz de usuario.And you can even use a mixture of the two in the same app—even on the same UI element. {x:Bind} es nuevo en Windows 10 y tiene un mejor rendimiento.{x:Bind} is new for Windows 10 and it has better performance.

TemaTopic DescripciónDescription
Introducción al enlace de datosData binding overview En este tema se muestra cómo enlazar un control (o cualquier otro elemento de interfaz de usuario) a un solo elemento o cómo enlazar un control de elementos a una colección de elementos en una aplicación para la Plataforma universal de Windows (UWP).This topic shows you how to bind a control (or other UI element) to a single item or bind an items control to a collection of items in a Universal Windows Platform (UWP) app. Además, te mostramos cómo controlar la representación de los elementos, implementar una vista de detalles basada en una selección y convertir datos para mostrarlos.In addition, we show how to control the rendering of items, implement a details view based on a selection, and convert data for display. Para obtener información más detallada, consulta Enlace de datos a profundidad.For more detailed info, see Data binding in depth.
Enlace de datos en profundidadData binding in depth En este tema se describen detalladamente las características del enlace de datos.This topic describes data binding features in detail.
Datos de muestra sobre la superficie de diseño y para la creación de prototiposSample data on the design surface, and for prototyping Para hacer que los controles se rellenen con datos en el diseñador de Visual Studio (de modo que puedas trabajar en el diseño de la aplicación, las plantillas y otras propiedades visuales), puedes usar los datos de ejemplo en tiempo de diseño de distintas maneras.In order to have your controls populated with data in the Visual Studio designer (so that you can work on your app's layout, templates, and other visual properties), there are various ways in which you can use design-time sample data. Los datos de ejemplo también pueden ser muy útiles y ahorrarte tiempo si creas una aplicación de diseño de bocetos (o prototipos).Sample data can also be really useful and time-saving if you're building a sketch (or prototype) app. Puedes usar los datos de ejemplo del boceto o el prototipo en tiempo de ejecución para ilustrar tus ideas sin tener que conectarte a los datos dinámicos reales.You can use sample data in your sketch or prototype at run-time to illustrate your ideas without going as far as connecting to real, live data.
Enlazar datos jerárquicos y crear una vista de tipo maestro/detallesBind hierarchical data and create a master/details view Puedes hacer una vista de tipo maestro/detalles (también conocida como lista/detalles) de varios niveles de datos jerárquicos al enlazar controles de elementos a instancias de CollectionViewSource que están enlazadas juntas en una cadena.You can make a multi-level master/details (also known as list-details) view of hierarchical data by binding items controls to CollectionViewSource instances that are bound together in a chain.
Enlace de datos y MVVMData binding and MVVM En este tema se describe el patrón de diseño de arquitectura de interfaz de usuario Model-View-ViewModel (MVVM).This topic describes the Model-View-ViewModel (MVVM) UI architectural design pattern. El enlace de datos es la base de MVVM y permite el acoplamiento flexible entre el código de interfaz de usuario y que no es de interfaz de usuario.Data binding is at the core of MVVM, and enables loose coupling between UI and non-UI code.