Diseñar aplicaciones en Blend (XAML)

Las aplicaciones deTienda Windows pueden usar dos tipos diferentes de marcado: el lenguaje de marcado de aplicaciones extensible (XAML), un lenguaje de marcado basado en XML desarrollado por Microsoft, o el lenguaje de marcado de hipertexto (HTML), el lenguaje de marcado que se utiliza generalmente para estructurar las páginas de World Wide Web (WWW). Junto con HTML, las hojas de estilos en cascada (CSS) proporcionan características de diseño de páginas HTML.

Para obtener más información sobre la creación de aplicaciones con HTML, vea Diseñar aplicaciones en Blend (HTML).

Aplicaciones de la Tienda Windows y XAML

Si decide desarrollar aplicaciones de Tienda Windows mediante XAML, puede compilar interfaces de usuario atractivas en el marcado en lugar de en un lenguaje de programación como C#. Puede crear documentos elaborados de UI totalmente en XAML con elementos tales como controles, texto, imágenes, formas, animación y mucho más. Como XAML es declarativo (al igual que HTML), se requerirá la adición de código si fuera necesario agregar lógica en tiempo de ejecución a la aplicación. Por ejemplo, si la aplicación sólo usa XAML, se pueden crear y animar elementos de la interfaz de usuario y configurarlos para que respondan de un modo limitado a los datos proporcionados por el usuario (mediante desencadenadores de eventos), pero la aplicación no podrá realizar cálculos ni responderlos, ni podrá crear espontáneamente nuevos elementos de UI sin la adición de código. El código de una aplicación XAML se almacena en un archivo distinto del documento XAML. El hecho de que el diseño de la interfaz de usuario esté separado del código subyacente permite a programadores y diseñadores trabajar juntos en el mismo proyecto sin interferir mutuamente en su trabajo.

Para obtener más información sobre los requisitos de las aplicaciones WPF, vea el tema donde se describe cómo empaquetar la aplicación mediante Visual Studio 2012.

Para obtener más información sobre XAML y Desarrollo de aplicaciones de la Tienda Windows, vea el tema Información general sobre XAML en el Centro de desarrollo de Windows.

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. Si el documento XAML tiene código subyacente, este código se almacena en un archivo con el mismo nombre, pero con la extensión adicional .cs, .vb, .cpp, js. Por ejemplo, si el documento XAML se llama MainPage.xaml, el archivo de código subyacente se llamará MainPage.xaml.cs si el lenguaje de programación del código es C#.

Para obtener información acerca de cómo crear documentos XAML con o sin archivos de código subyacente, vea Crear un proyecto nuevo (Blend para Visual Studio).

Cuando se compila un proyecto, el analizador de XAML 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 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:

• Editar código fuente (Blend para Visual Studio)

• Controlar errores en el código (Blend para Visual Studio)

• Depurar y probar aplicaciones de la Tienda Windows