Editar XAML
Aunque se puede usar cualquier editor de texto para editar documentos de lenguaje de marcado de aplicaciones extensible (XAML), el uso de Microsoft® Expression Blend™ tiene sus ventajas:
- En Expression Blend, puede generar y ejecutar fácilmente los documentos XAML (F5) para ver los resultados de los cambios.
- Expression Blend actualiza los errores de sintaxis en el panel Resultados cuando se guarda el archivo o cuando se cambia de una vista a otra (vista Diseño y vista XAML).
- En la vista XAML, los elementos XAML están codificados por colores para facilitar su identificación. También se puede usar la función Buscar para encontrar un texto específico, o usar la función Ir a para desplazarse a una línea determinada.
- En la vista Diseño, puede diseñar la aplicación visualmente y dejar que Expression Blend genere el código XAML por sí solo. También puede usar la función Ver XAML para desplazarse rápidamente al XAML y encontrar cualquier elemento del documento.
 |
Es recomendable disponer de experiencia previa con XAML antes de empezar a editar documentos XAML en un editor de texto o en la vista XAML de Expression Blend. La edición directa de XAML puede producir errores de análisis en la aplicación que deberá solucionar para que Expression Blend pueda mostrar correctamente los documentos en el área de diseño en la vista Diseño o antes de generar y ejecutar la aplicación. Si tiene en cuenta estas precauciones, el trabajo alternando las vistas Diseño y XAML puede constituir un método eficaz para conocer los aspectos básicos de XAML. |
|
|
También puede editar documentos XAML en Microsoft® Visual Studio® 2005, que incluye las mismas funciones que la vista XAML de Expression Design. Sin embargo, Visual Studio no incluye funciones para diseñar el documento XAML de modo visual, a menos que se instalen las extensiones para .NET Framework 3.0. Éstas se pueden descargar desde MSDN. |
Editar XAML en la vista XAML de Expression Blend
Puede usar la vista XAML de Expression Blend para realizar cambios en el XAML de los proyectos de Expression Blend. Para obtener acceso a la vista XAML, haga clic en la ficha XAML que se encuentra en el lado derecho del área de diseño en el espacio de trabajo de Expression Blend. Los cambios que realice en la vista XAML se actualizan automáticamente en la vista Diseño.
Ficha de la vista XAML (con la ficha de la vista Diseño oculta)
En la vista XAML, puede escribir el código de nuevos elementos, o bien seleccionar código existente para cortarlo o copiarlo y pegarlo en ella, igual que haría con un programa de procesamiento de texto. En la siguiente imagen se muestra texto seleccionado en la vista XAML.
Texto seleccionado en la vista XAML
Además de las tareas normales del Portapapeles que se pueden realizar en la vista XAML, también se puede ir a líneas específicas del XAML o buscar y reemplazar texto con los comandos Ir a, Buscar, Buscar siguiente y Reemplazar del menú Edición. Para obtener más información, vea Buscar y reemplazar e Ir a una línea específica en XAML en este Manual del usuario.
Para conocer la sintaxis de controles individuales, vea el tema sobre la biblioteca de controles en MSDN o busque los elementos y atributos XAML en la referencia de la biblioteca de clases de MSDN (en inglés).
Editar XAML en la vista Diseño de Expression Blend
Cuando se trabaja en la vista Diseño, Expression Blend genera XAML por sí solo. En la vista Diseño, puede agregar nuevos elementos del Cuadro de herramientas, enlazar datos a estos elementos, cambiarles el estilo, animarlos, configurarlos para que respondan a las acciones del usuario, etc. Expression Blend actualizará el código XAML para cada parte del diseño.
Para obtener acceso a la vista Diseño, seleccione la ficha Diseño que se encuentra en el lado derecho del área de diseño en el espacio de trabajo de Expression Blend. Los cambios que realice en la vista Diseño se actualizan automáticamente en la vista XAML.
La siguiente imagen muestra Expression Blend con la vista Diseño en el lado izquierdo y con la vista XAML en el lado derecho. En esta imagen, se ha agregado un Rectángulo al documento en la vista Diseño y Expression Blend ha generado el código XAML del rectángulo en la vista XAML.
Conexión entre las vistas Diseño y XAML de Expression Blend
Cuando se trabaja en la vista Diseño, si desea ver al instante el código XAML de un elemento específico, haga clic con el botón secundario en el elemento en el área de diseño o bajo Objetos y escala de tiempo en el panel Interacción y, después, haga clic en Ver XAML. De este modo, se cambiará automáticamente a la vista XAML y se resaltará el XAML del objeto seleccionado.
Para obtener más información acerca de la creación de aplicaciones en la vista Diseño de Expression Blend, vea Diseño, Dibujo, 3D y otros temas relacionados en este Manual del usuario.