Inicio > Edición de código y XAML > Edición de código e interoperabilidad con Visual Studio 2005

Edición de código e interoperabilidad con Visual Studio 2005

• ¿Qué tareas de proyecto pueden llevarse a cabo en Expression Blend?
• ¿Qué se puede crear en Expression Blend sin utilizar código?
• ¿Qué puede hacerse únicamente con código?
• ¿Qué puede hacerse únicamente en Visual Studio 2005?
• ¿Cómo ayuda Expression Blend a agregar código?
• ¿Dónde puedo obtener ayuda para escribir código?

La edición de código puede parecer una tarea de enormes proporciones a quienes se dedican al diseño. Microsoft® Expression Blend™ fue diseñado pensando en los usuarios creativos. Puede crear aplicaciones completas basadas en Windows® en la vista Diseño de Expression Blend, así como recursos de estilo que puede volver a usar en otros proyectos de Expression Blend. Asimismo, puede importar elementos gráficos exportados desde Microsoft® Expression Design y usarlos en proyectos de Expression Blend.

Expression Blend también se ha diseñado teniendo en cuenta el desarrollo en equipo. A menudo, los equipos de desarrollo de software se componen de diseñadores que trabajan en la interfaz de usuario (UI) y de programadores que trabajan en el código que se ejecuta en la UI. Por esta razón, Expression Blend incluye características para generar un mínimo de código que se pueda pasar a los desarrolladores, así como características que permiten recuperar código existente como controladores de eventos o controles personalizados que pueden usarse de la misma forma que los controles ya existentes.

¿Qué tareas de proyecto pueden llevarse a cabo en Expression Blend?

• Crear un proyecto para una aplicación basada en Windows (.exe) o un control de usuario (.dll); ambos pueden servirse de las características de Windows Presentation Foundation (WPF) de manera predeterminada.
• Agregar un nuevo archivo de lenguaje de marcado de aplicaciones extensible (XAML) (y su correspondiente archivo de código subyacente) para crear una ventana de nivel superior en la aplicación, un control de usuario, una página navegable dentro de la aplicación o un diccionario de recursos que puede contener estilos reutilizables, plantillas de controles, recursos de pincel, etc.
• Agregar archivos existentes al proyecto o vincular a archivos existentes, como archivos de imagen, XML, de vídeo, de audio, de licencia, de código o XAML.
• Agregar referencias a controles personalizados existentes incluidos en archivos .dll. Los controles personalizados también pueden incluirse en archivos de código fuente existentes (.vb o .cs). Después de agregar un control personalizado a un proyecto de Expression Blend, podrá usarlo de la misma forma que usa los controles que se incluyen con Expression Blend.
  Para obtener un ejemplo de un control personalizado incluido en un archivo .cs, vea Crear un control personalizado.

  Cuando se agregan archivos de código fuente que contienen controles personalizados a un proyecto de Expression Blend, es preciso generar antes el proyecto para poder ver los controles en la ficha Controles de usuarios del Panel biblioteca, en el Cuadro de herramientas.

• Abrir cualquier archivo que se encuentre en el proyecto. Los archivos XAML se abren en el área de diseño para su edición, los archivos de imagen se abren en el área de diseño y los archivos de sonido y vídeo se abren en la escala de tiempo de la animación. Los demás archivos se abrirán en un editor externo asignado al tipo de archivo. Por ejemplo, si hace doble clic en un archivo .xml en Archivos, en el panel Proyecto de Expression Blend, lo más probable es que el archivo se abra con el Bloc de notas. Los archivos de código se abrirán con Microsoft® Visual Studio® 2005, si está instalado. Para obtener más información, vea Editar un archivo de código subyacente.
• Abrir un proyecto o solución de Visual Studio 2005 para una aplicación basada en Windows y crear la UI.

  Los elementos del Cuadro de herramientas de Expression Blend requieren referencias de proyecto a ensamblados de Windows Presentation Foundation (WPF). Si abre un proyecto de Visual Studio 2005 en Expression Blend, asegúrese de que los siguientes archivos aparecen en la carpeta References del panel Proyecto. Puede agregar estos archivos desde C:\Archivos de programa\Reference Assemblies\Microsoft\Framework\v3.0. PresentationCore.dll PresentationFramework.dll WindowsBase.dll

• Depurar la aplicación generándola (Ctrl+Mayús+B) o ejecutándola (F5), y resolver mensajes de error que pueda recibir en el panel Resultados.

¿Qué se puede crear en Expression Blend sin utilizar código?

• Diseñar el aspecto (interfaz de usuario) de la aplicación agregando y transformando elementos del Cuadro de herramientas y aplicándoles el estilo con los pinceles y otras propiedades del panel Propiedades. Para obtener más información, vea Controles, Dibujo, Diseño y Apariencia.
• Animar elementos de la aplicación. Para obtener más información, vea Animación e interactividad.
• Manipular las escalas de tiempo de archivos de vídeo o audio del proyecto después de agregarlos al área de diseño haciendo doble clic en los mismos en el panel Proyecto. Para obtener más información, vea Medios en este Manual del usuario.
• Desencadenar escalas de tiempo de animaciones, archivos de audio y archivos de vídeo a partir de acciones del usuario, como hacer clic en un botón o mover el puntero del mouse sobre un elemento. Para obtener más información, vea Animación e interactividad.
• Crear y diseñar un control de usuario personalizado. Un control de usuario es un tipo de proyecto que puede crear en Expression Blend. Los controles de usuario se pueden usar del mismo modo que los controles personalizados desarrollados en Visual Studio 2005. Para obtener un ejemplo, vea Crear un control de usuario.
• Personalizar el aspecto de un control existente y aplicar la plantilla de estilo resultante a otros controles del mismo tipo. También puede agregar animación a una plantilla de control. Para obtener ejemplos, vea los temas enumerados bajo el encabezado ¡Pruébelo! en Estilos simples.
• Crear otros recursos reutilizables, como recursos de pincel, haciendo clic en el nombre de una propiedad en el panel Propiedades y, después, haciendo clic en Convertir en nuevo recurso. Para obtener un ejemplo, vea Crear un recurso de pincel o de color.
• Convertir elementos en botones y recursos de pincel, o convertir imágenes en objetos 3D con las opciones del menú Herramientas. Para obtener ejemplos, vea Convertir un objeto en un botón y Convertir una imagen 2D en 3D.
• Enlazar una propiedad de un elemento al valor incluido en otra propiedad. Esto resulta útil en muchos casos, como para hacer que el ancho de un elemento se corresponda con una barra deslizante. Para obtener un ejemplo, vea Crear y aplicar un convertidor de valores.
• Enlazar una propiedad de un elemento a un origen de datos, como un archivo XML o un objeto CLR (Common Language Runtime).
  Para obtener un ejemplo de cómo usar un origen de datos XML, vea Crear un lector de noticias RSS.

¿Qué puede hacerse únicamente con código?

• Definir un comportamiento más complejo en controladores de eventos cuando un usuario interactúa con los elementos de la UI de la aplicación. Los controladores de eventos se pueden programar para responder a teclas presionadas, acciones del mouse, etc. Para obtener una lista de eventos, vea Referencia rápida de eventos en este Manual del usuario. Son distintos de los desencadenadores de eventos para animaciones, multimedia y vídeo. Por ejemplo, los controladores de eventos le permiten usar ecuaciones matemáticas para programar el comportamiento de la aplicación. Para obtener un ejemplo, vea Crear un nuevo método de control de eventos.
• Personalizar el comportamiento de controles existentes o crear nuevos controles personalizados. Para obtener un ejemplo de un control personalizado basado en el control Button de WPF, vea Crear un control personalizado.
• Cargar datos, como datos de Microsoft® SQL Server™, en una tabla de datos y convertirlos en un objeto de datos CLR que pueda usarse en Expression Blend. Para obtener un ejemplo, vea Crear un origen de datos de objetos CLR.
• Crear un convertidor de valores para agregar lógica personalizada a un enlace de datos. Esto resulta útil si desea enlazar una propiedad de un elemento a una propiedad de un tipo de datos incompatible. Para obtener un ejemplo, vea Crear y aplicar un convertidor de valores.

¿Qué puede hacerse únicamente en Visual Studio 2005?

• Depurar la aplicación examinándola línea por línea mientras se está ejecutando. Para obtener más información, vea Depurar aplicaciones de Expression Blend en este Manual del usuario.
• Agregar nuevos archivos de código a un proyecto.
• Editar archivos de código. Si hace doble clic en un archivo de código en el panel Proyectos de Expression Blend, el archivo se abrirá en Visual Studio 2005 si está instalado. Para obtener más información, vea Editar un archivo de código subyacente.

  Si desea editar un archivo de código, resulta más útil abrir el proyecto en Visual Studio 2005 que abrir sólo el archivo de código. Al abrir un proyecto en Visual Studio 2005, puede usar la característica IntelliSense, que ofrece completar algunas palabras a medida que las escribe. Por ejemplo, cree un proyecto nuevo en Expression Blend, guárdelo y luego abra el proyecto en Visual Studio 2005. Abra el archivo Window1.xaml.cs, coloque el cursor al principio de la línea en blanco después de this.InitializeComponent(); y, a continuación, escriba LayoutRoot. Aparecerá una lista desplegable para mostrarle todo lo que podría escribir en esta línea. Si agrega un punto después de LayoutRoot, la lista cambia y muestra todas las propiedades y los métodos disponibles para el elemento LayoutRoot en el archivo Window1.xaml.

• Agregar un nuevo proyecto a una solución. Expression Blend puede abrir archivos de solución de Visual Studio 2005.
• Agregar una referencia a un archivo de proyecto o una API de COM. Expression Blend respetará una referencia a un archivo de proyecto (como un archivo .csproj) y la tratará igual que una referencia a un archivo .dll o .exe.
• Crear aplicaciones de explorador XAML (XBAP) que se ejecutarán en Internet.

Para crear nuevas aplicaciones XAML y aplicaciones de explorador XAML (XBAP) en Visual Studio 2005, deberá instalar las extensiones para .NET Framework 3.0. Éstas se pueden descargar desde MSDN. (No necesita las extensiones para depurar aplicaciones XAML creadas con Expression Blend.)

¿Cómo ayuda Expression Blend a agregar código?

• De manera opcional, Expression Blend crea un archivo de código subyacente correspondiente para cualquier archivo XAML que cree mediante el asistente Agregar nuevo elemento. Si hace doble clic en un archivo de código en el panel Proyectos de Expression Blend, el archivo se abrirá en Visual Studio 2005 si está instalado. Para obtener más información, vea Editar un archivo de código subyacente.
• Expression Blend genera código para un método de control de eventos vacío al hacer doble clic en un evento del panel Propiedades (haga clic en el botón Eventos para ver una lista de eventos). Expression Blend copia el código inicial para el método en el Portapapeles. Si tiene Visual Studio 2005 instalado, Expression Blend abrirá automáticamente el proyecto en Visual Studio 2005 y pegará el método en el archivo de código subyacente. De no ser así, puede abrir el archivo manualmente y pegar el código. A continuación, puede agregar lógica de programación en el método de control de eventos o enviar el archivo de código a quien se encargue de agregar lógica de programación. Para obtener más información, vea Control de eventos en este Manual del usuario.

Puede tener el mismo archivo de proyecto abierto en Expression Blend y en Visual Studio 2005 al mismo tiempo y en el mismo equipo. Si guarda un cambio a un archivo en un sistema, recibirá una notificación cuando pase al otro sistema y se le preguntará si desea volver a cargar el archivo.

Si necesitan trabajar en el mismo proyecto varios usuarios al mismo tiempo, es recomendable utilizar un sistema de control de código fuente como Microsoft® Visual SourceSafe®. Los sistemas de control de código fuente mantienen un repositorio central de los archivos del proyecto que puede desproteger y editar de forma local en el equipo. Puede evitar que otros desprotejan los archivos mientras los está editando, o puede configurar algunos sistemas de control de código fuente para que combinen los cambios realizados por más de un usuario al mismo archivo. Visual SourceSafe está integrado con Visual Studio para que pueda desproteger un archivo abriéndolo en Visual Studio. Para obtener más información, vea la sección sobre Visual SourceSafe de MSDN (puede estar en inglés).

¿Dónde puedo obtener ayuda para escribir código?

Si necesita ayuda para escribir código para las aplicaciones de Expression Blend, puede usar uno de los recursos que se incluyen en Recursos de Windows Presentation Foundation. Entre ellos se incluye un enlace al grupo de noticias.