Compartir a través de

Importar XAML exportado desde Expression Design

  • Artículo

Puede guardar el material gráfico de Microsoft Expression Design como un archivo XAML que se puede usar en Blend para Visual Studio. Esto resulta útil si desea usar este material gráfico en animaciones, convertirlo en elementos de la interfaz de usuario, como una imagen de fondo, etc.

Sugerencia

Para obtener más información acerca de la exportación de material gráfico desde Expression Design, vea "Exportar archivos XAML" en el Manual del usuario de Expression Design.

Nota

En este tema se hace referencia a Blend y Expression Design.

Para exportar material gráfico desde Expression Design

  1. Abra un archivo de material gráfico en Expression Design. Puede abrir Ejemplos en el menú Ayuda de Expression Design.

  2. Si desea exportar sectores, seleccione la herramienta Sector en el panel Herramientas, dibuje un rectángulo alrededor del área del material gráfico que desee exportar y, a continuación, en Editar sector del panel Propiedades, establezca las propiedades del sector (por ejemplo, el Nombre). Para obtener más información acerca de los sectores, vea el tema acerca de la creación y exportación de sectores en el Manual del usuario de Expression Design.

  3. Haga clic en Exportar en el menú Archivo. Aparece el cuadro de diálogo Exportar.

  4. En Elementos para exportar, seleccione una de las siguientes opciones:

    • Documento completo   Exporta todo el material gráfico del documento.

    • Objetos seleccionados   Exporta sólo los elementos seleccionados en la mesa de trabajo.

    • Sectores   Exporta sólo los sectores que haya creado. Opcionalmente, puede cambiar las propiedades de cada sector que se muestra.

  5. Junto a Formato, seleccione una de las siguientes opciones:

    • Lienzo Silverlight en XAML   Seleccione esta opción si va a exportar el documento completo o los objetos seleccionados como un único documento de lienzo Silverlight en XAML.

    • PNG, JPEG o Lienzo Silverlight en XAML   Si va a exportar sectores, seleccione una de estas opciones para cada sector. Puede establecer la propiedad Formato para varios sectores si usa la tecla Mayús para seleccionar varios sectores antes de establecer la propiedad Formato.

      A continuación seleccione el contenedor Lienzo Silverlight en XAML de la lista que hay junto a Nombre de contenedor y escriba el nombre del documento de lienzo Silverlight en XAML en el cuadro de texto Nombre de contenedor. Si no selecciona ningún contenedor, cada sector se exportará en un archivo independiente según su propiedad Formato.

    • Diccionario de recursos WPF en XAML   Seleccione esta opción si va a exportar todo el documento o los objetos seleccionados. A continuación, puede establecer la propiedad Agrupar por para exportar un recurso por capa (Capas), un recurso por objeto de nivel superior (Objetos) o un recurso para todo el documento o todos los objetos seleccionados (Documento). Por ejemplo, si cada capa del documento representa un botón en un proyecto de Blend futuro, seleccione Capas.

    • Pincel de dibujo WPF en XAML   Si va a exportar sectores, seleccione esta opción para cada sector. Puede establecer la propiedad Formato para varios sectores si usa la tecla Mayús para seleccionar varios sectores antes de establecer la propiedad Formato.

      Nota

      Puede crear un recurso de pincel con dibujo para cada sector en Expression Design.Por ejemplo, puede exportar un sector en formato PNG y exportar el archivo PNG a un contenedor de diccionario de recursos WPF en XAML.El archivo PNG se exporta a una subcarpeta en el mismo directorio que el archivo de diccionario de recursos exportado y se hace referencia a dicho archivo como un recurso de pincel de imagen en lugar de como un recurso de pincel con dibujo.Puede usar recursos del pincel de imagen para dibujar objetos en un proyecto de Blend igual que hace con los recursos del pincel con dibujo.

      A continuación, puede seleccionar el contenedor Diccionario de recursos WPF en XAML en la lista junto a Nombre de contenedor y escribir un nombre para el diccionario de recursos en el cuadro de texto Nombre de contenedor. Si no selecciona ningún contenedor, cada sector se exportará como un recurso de pincel en su propio diccionario de recursos individual.

    • Lienzo WPF en XAML   Seleccione esta opción si va a exportar el documento completo o los objetos seleccionados como un solo documento de lienzo WPF en XAML.

    • PNG, JPEG, GIF, TIFF, BMP o Lienzo WPF XAML   Si va a exportar sectores, seleccione una de estas opciones para cada sector. Puede establecer la propiedad Formato para varios sectores si usa la tecla Mayús para seleccionar varios sectores antes de establecer la propiedad Formato.

      A continuación, puede seleccionar el contenedor Lienzo WPF en XAML en la lista junto a Nombre de contenedor y escribir un nombre para el documento de lienzo WPF en XAML en el cuadro de texto Nombre de contenedor. Si no selecciona ningún contenedor, cada sector se exportará en un archivo independiente según su propiedad Formato.

  6. Establezca otras propiedades que prefiera, como hacer que los objetos de Texto se puedan modificar después de importarlos en Blend. Para obtener más información acerca de las propiedades de este cuadro de diálogo, vea el tema sobre XAML en el Manual del usuario de Expression Design.

  7. En la parte inferior del cuadro de diálogo, junto a Ubicación, escriba la ruta de acceso de la carpeta donde desee que se exporte el archivo. Establezca también las siguientes opciones:

    • Si decide exportar el Documento completo o los Objetos seleccionados, escriba también un nombre para el archivo.

    • Si decide exportar Sectores, puede seleccionar un panel de diseño para contener todos los objetos.

  8. Haga clic en Exportar todo para exportar el archivo (o archivos).

Para importar el material gráfico en Blend

  1. En un proyecto abierto en Blend, haga clic en Agregar elemento existente en el menú Proyecto.

  2. En el cuadro de diálogo Agregar elemento existente, vaya al archivo (o archivos) XAML exportado, selecciónelo y, a continuación, haga clic en Abrir.

    Nota

    En un proyecto de Silverlight, solo se puede importar un Lienzo Silverlight en XAML exportado.

    El archivo se agrega en el panel Proyectos. Si exporta algún elemento del material gráfico como un Pincel de dibujo WPF en XAML, también aparecerá en el panel Recursos.

  3. Realice uno de los procedimientos siguientes para agregar los activos importados a la mesa de trabajo:

    • Si seleccionó la opción Lienzo Silverlight en XAML, puede agregar objetos al documento o copiar y pegar objetos en otro documento XAML.

    • Si seleccionó la opción Pincel de dibujo WPF XAML, aplique los recursos a las propiedades de pincel de los objetos del proyecto. Por ejemplo, puede arrastrar un recurso de DrawingBrush a un objeto TextBlock y establecerlo como la propiedad Fondo.

      JJ170726.496874e2-379b-428a-a9bb-7264dc496036(es-es,VS.120).png

      Para obtener más información acerca de cómo aplicar recursos, vea Aplicar o quitar un recurso en Blend.

      Sugerencia

      Asegúrese de que los nombres de los recursos de pincel con dibujo importados son diferentes de los demás recursos del proyecto de Blend.Puede cambiar el nombre de los objetos de recursos en el panel Recursos si hace clic con el botón secundario en el nombre y, a continuación, selecciona Cambiar nombre.

    • Si seleccionó la opción Lienzo WPF XAML, puede agregar objetos al documento, usar el documento como la página de inicio de la aplicación (vea Establecer un documento inicial para el proyecto en Blend) o copiar y pegar objetos en otro documento XAML. Además, puede abrir este archivo en la vista Diseño en Blend, hacer clic con el botón secundario en uno o varios objetos y, a continuación, crear un botón o un control de usuario (vea Crear un control de usuario a partir de objetos existentes).