XAMLPad

Actualización: noviembre 2007

XamlPad (xamlpad.exe) es un editor visual básico de Lenguaje de marcado de aplicaciones extensible (XAML). XAMLPad se instala con el SDK y se puede encontrar partiendo del menú Inicio en Todos los programas/Microsoft Windows SDK/Tools/XAMLPad.

Este tema contiene las secciones siguientes.

  • Características de XAMLPad
  • Utilizar XamlPad para probar el contenido de XAML
  • Ver el árbol visual con XamlPad
  • Temas relacionados

Características de XAMLPad

XamlPad es una herramienta del Windows SDK que proporciona las siguientes características:

  • Edición y presentación de contenido XAML en tiempo real.

  • El marcado XAML se guarda automáticamente en el archivo XamlPad_save.xaml.

  • Los modos de análisis automático y actualización proporcionan la validación de la sintaxis XAML y la nueva presentación del contenido.

  • Comandos de edición de texto básico, incluidas las acciones de copiar, pegar y deshacer. Además proporciona soporte de búsqueda de cadenas simples. El XAML no válido se muestra en rojo.

  • Los errores de XAML se notifican en la barra de estado situada en la parte inferior izquierda de la ventana principal.

  • La expansión del contenido XAML en un árbol visual permite ver los valores de propiedad de contenido.

  • Puede cargar un archivo XAML existente en XamlPad pasando el nombre de archivo como argumento de la línea de comandos (no hay ninguna opción Abrir archivo disponible en el menú).

Nota

De vez en cuando, el marcado incorrecto puede hacer que XamlPad no cargue el marcado si se guarda el marcado no válido; quizá XamlPad no se pueda cargar en intentos subsiguientes para ejecutarlo. Para corregir este problema, abra el archivo XamlPad_save.xaml mediante un editor del texto sin formato, corrija el marcado no válido y guarde el archivo. XamlPad debe funcionar de la forma esperada la próxima vez que se ejecute.

Utilizar XamlPad para probar el contenido de XAML

XamlPad proporciona una manera simple de experimentar con la creación del contenido XAML, puesto que se muestran los resultados del contenido inmediatamente. Por ejemplo, XamlPad es útil para probar las características de WPF, como las fuentes OpenType.

Probar fuentes OpenType con XamlPad
XamlPad mostrando características de OpenType

El modo de análisis automático permite ver los errores de sintaxis inmediatamente a medida que escribe XAML. De lo contrario, si no está habilitado el análisis automático, no verá los errores hasta que haga clic en el botón Refresh. Puede habilitar y deshabilitar el modo de análisis automático haciendo clic en el botón Auto Parse situado en la parte superior de XamlPad.

Cuando se encuentra un error, se muestra todo el contenido de XAML en color rojo y la información del estado en la parte inferior de XamlPad muestra el error de sintaxis concreto. Un hipervínculo situado a la derecha del error mostrado permite pasar rápidamente al área de contenido de XAML que contiene el error. En el ejemplo siguiente, la definición de Label no se termina correctamente mediante una '>' de cierre.

XamlPad con errores de sintaxis
Error en XamlPad

Ver el árbol visual con XamlPad

Si analiza la jerarquía del árbol visual mediante XAMLPad, puede formarse una idea del funcionamiento de la expansión de la plantilla de control. Saber esto puede ayudarle a entender los costos de rendimiento y las ventajas del diseño de la interfaz de usuario. Para ver el árbol visual que corresponde al contenido de XAML, haga clic en el botón Show Visual Tree de la barra de menús. La siguiente captura de pantalla muestra la expansión del contenido de XAML en los nodos del árbol visual del panel Visual Tree Explorer de XamlPad:

Panel del explorador de árboles visuales de XamlPad
Panel del explorador de árbol visual en XamlPad

Haga clic en un nodo para expandir su jerarquía. Observe que cada uno de los controles Label, TextBox y Button muestra una jerarquía independiente de objetos visuales en el panel de Visual Tree Explorer de XamlPad. Esto se debe a que los controles de WPF tienen una ControlTemplate que contiene el árbol visual de ese control. Al hacer referencia explícitamente a un control, se hace referencia implícitamente a su jerarquía visual. Para obtener más información sobre los objetos visuales y el árbol visual, vea Información general sobre la representación de gráficos en Windows Presentation Foundation.

Ver las propiedades de un objeto visual

Puede ver los valores de las propiedades de un elemento en Visual Tree Explorer seleccionando el elemento. El panel Property Tree Explorer, situado debajo del panel Visual Tree Explorer, muestra los valores de las propiedades actuales del objeto visual seleccionado. En este caso, se expanden dos de las clases derivadas del control Label: ContentControl y Control. Podría seguir expandiendo otras clases derivadas, como FrameworkElement, para ver más propiedades.

Panel Explorador del árbol de propiedades de XamlPad
Explorador de árbol de propiedades

Es útil entender cómo se representa la aplicación por lo que respecta al árbol visual subyacente. Por ejemplo, el Generador de perfiles visuales de WPF presenta los problemas de rendimiento en el contexto de un árbol visual. En esta captura de pantalla, la sección CPU Usage de Visual Profiler proporciona un desglose preciso del uso, por parte de un objeto visual, de los servicios de WPF, como la representación y el diseño.

Resultados de la presentación del generador de perfiles visuales
Resultados de Visual Profiler

Para obtener más información sobre las herramientas de rendimiento de WPF, vea Herramientas de generación de perfiles de rendimiento de WPF.

Vea también

Tareas

Cómo: Usar caracteres especiales en XAML

Conceptos

Información general sobre XAML