Share via


Trabajar con XAML

XAML es un lenguaje de marcado basado en XML desarrollado por Microsoft. XAML es el marcado subyacente de la presentación visual de una aplicación desarrollada en Microsoft Visual Studio o Blend para Visual Studio. Puede editar código XAML en Blend, ya sea de forma manual directamente en el editor de código o visualmente modificando sus propiedades en la vista Diseño.

Para obtener más información sobre la nueva funcionalidad de edición de XAML de Blend para Visual Studio, consulte las novedades de Visual Studio 2013 Preview para crear aplicaciones XAML de la Tienda Windows.

XAML y Microsoft .NET Framework

XAML es la parte de Microsoft .NET Framework relacionada con la presentación visual de las aplicaciones basadas en Windows y las aplicaciones cliente basadas en exploradores web. Puede crear la interfaz de usuario totalmente en XAML con elementos tales como controles, texto, imágenes, formas, animación y mucho más. Sin embargo, dado que XAML es declarativo, se requerirá la adición de código si fuera necesario agregar lógica en tiempo de ejecución a la aplicación. Sin la lógica en tiempo de ejecución, la aplicación no podrá llevar a cabo la interacción con el usuario.

El código de una aplicación basada en XAML se almacena en un archivo distinto del documento XAML. El hecho de que el diseño de la interfaz de usuario (la presentación) esté separado del código subyacente no solo permite a los desarrolladores y diseñadores trabajar juntos en el mismo proyecto, sino que también se ajusta estrechamente al procedimiento recomendado de separar la vista de la aplicación del código, a veces denominado el modelo en el patrón de arquitectura conocido como Model View ViewModel (MVVM).

Visual Studio es la herramienta ideal para desarrollar la lógica en tiempo de ejecución de la aplicación. Blend es la herramienta ideal para diseñar la presentación visual de la aplicación. Puede alternar fácilmente entre Blend y Visual Studio mientras trabaja en un proyecto. Para cambiar de Visual Studio a Blend, haga clic con el botón secundario en el proyecto en el Explorador de soluciones y después haga clic en Abrir en Blend. Para cambiar de Blend a Visual Studio, haga clic con el botón secundario en el proyecto en el panel Proyectos y después haga clic en Editar en Visual Studio.

Sugerencia

Puede tener el mismo archivo de proyecto abierto en Blend y en Visual Studio al mismo tiempo en el mismo equipo.Cuando guarde un cambio en un archivo en una herramienta y cambie a la otra, se le preguntará si desea recargar el archivo para ver la versión más actualizada del proyecto.

Para obtener información acerca del uso de Blend con Visual Studio para diseñar la capa de presentación de la aplicación, consulte Trabajar con objetos y propiedades en Blend.

La relación entre los archivos de XAML y de código subyacente

El código XAML de cualquier documento de Blend se almacena en un archivo .xaml. El código subyacente del documento XAML se almacena en un archivo con el mismo nombre, pero con la extensión adicional .cs, .cpp o .vb.

Cuando se compila un proyecto, el analizador lee los archivos .xaml del proyecto y genera un informe de los errores que se hayan producido. Del mismo modo, cuando se abre un proyecto existente en Blend, el analizador de XAML lee los archivos .xaml incluidos en la carpeta del proyecto e intenta analizar los elementos y mostrar los documentos en la mesa de trabajo en la vista Diseño. En ambos casos, si el analizador detecta errores, la mesa de trabajo se deshabilita y Blend muestra un mensaje de error con un vínculo para abrir la vista Código, donde podrá resolver los errores. También se informa de los errores detectados por el analizador en la ficha Errores del panel Resultados.

Para obtener más información, vea los temas siguientes:

Para obtener información acerca de la sintaxis de controles individuales, vea Biblioteca de controles o busque elementos XAML en la referencia de Biblioteca de clases (WPF), ambos en MSDN.