Diseñar XAML en Visual Studio y Blend para Visual Studio
Visual Studio y Blend para Visual Studio proporcionan herramientas visuales para crear interfaces de usuario atractivas y experiencias multimedia enriquecidas con XAML para una variedad de tipos de aplicaciones. Ambos entornos de desarrollo integrados (IDE) comparten un conjunto común de características, incluido un editor XAML visual (diseñador). Blend para Visual Studio, que admite las plataformas WPF y UWP, proporciona herramientas adicionales para diseñar estados visuales y crear animaciones.
Puede cambiar entre Visual Studio y Blend para Visual Studio, e incluso puede tener el mismo proyecto abierto en ambos IDE al mismo tiempo. Los cambios guardados en archivos XAML en un IDE se pueden aplicar a través de la recarga automática al cambiar al otro IDE. Para controlar el comportamiento de recarga, vaya a Herramientas>Opciones>Entorno>Documentos en cualquiera de los IDE.
Instalación
Para crear aplicaciones de WPF, instale la carga de trabajo de desarrollo de escritorio de .NET en Visual Studio. Blend para Visual Studio también se instalará.
Para crear aplicaciones de UWP, instale la carga de trabajo Desarrollo de Plataforma universal de Windows en Visual Studio. Blend para Visual Studio también se instalará.
Funcionalidades compartidas
Para las tareas de desarrollo más fundamentales, Visual Studio y Blend para Visual Studio comparten el mismo conjunto de ventanas y funcionalidades, con algunas diferencias sutiles. Algunos aspectos destacados incluyen:
IntelliSense: Ambos IDE admiten funcionalidades de IntelliSense, como la finalización de instrucciones.
Depuración: puede depurar en Visual Studio y en Blend para Visual Studio, incluido el establecimiento de puntos de interrupción en el código para depurar una aplicación en ejecución y el uso de Recarga activa para cambiar el código XAML mientras se ejecuta la aplicación. Para mantener una experiencia de depuración coherente con Visual Studio, Blend para Visual Studio incluye la mayoría de las ventanas y barras de herramientas de depuración de Visual Studio.
Recarga de archivos: puedes editar los archivos XAML en Visual Studio o Blend para Visual Studio. Los archivos editados que se han guardado se vuelven a cargar automáticamente a medida que cambia entre los IDE. Para controlar el comportamiento de recarga, vaya a Herramientas>Opciones>Entorno>Documentos en cualquiera de los IDE.
Diseños y configuraciones sincronizados: Los diseños de ventana y las preferencias de configuración del personalizador para Visual Studio o Blend para Visual Studio se sincronizan en tus dispositivos y versiones cuando inicias sesión con la misma cuenta de personalización. Vea Sincronizar la configuración de Visual Studio en varios equipos.
Funcionalidades avanzadas de Blend para Visual Studio
Para aumentar la productividad, considere la posibilidad de usar Blend para Visual Studio para las siguientes tareas. Estas son las áreas en las que Blend para Visual Studio ofrece más funcionalidad que el diseñador o el código de Visual Studio solo.
| Tarea | Visual Studio | Blend para Visual Studio | Más información |
|---|---|---|---|
| Diseño de estados visuales | No hay ninguna herramienta que le ayude a diseñar estados visuales; debe crearlos mediante programación. | Use herramientas de diseño para cambiar la apariencia de un control en función de su estado. | Estados visuales |
| Crear animaciones | No hay ninguna herramienta de diseño para animaciones; tiene que crearlos mediante programación. Esto requiere una comprensión del sistema de animación y tiempo en WPF y una amplia experiencia en codificación. | Las animaciones se crean visualmente y se pueden obtener una vista previa en Blend para Visual Studio. Esto es más rápido y más preciso que compilar las animaciones en el código. Puede agregar desencadenadores para controlar la interacción del usuario y puede cambiar al código para agregar controladores de eventos y otras funciones. | Objetos animados |
| Convertir formas y texto en rutas de acceso para facilitar la manipulación | No se admite. | Puede realizar cambios sutiles o dramáticos en formas (como rectángulos y elipses) convirtiéndolas en trazados, lo que proporciona un mejor control de edición. Puede cambiar la forma de los trazados, combinarlo y crear trazados compuestos de varias formas. También puede convertir bloques de texto en trazados para manipularlos como imágenes vectoriales. |
Dibujar formas y trazados |
| Editar controles, plantillas y estilos | Requiere codificación y conocimiento de las plantillas y estilos de WPF. | Convierta cualquier imagen en un control . Use las herramientas de edición de plantillas para realizar cambios en controles, estilos y plantillas con unos pocos clics del mouse. Por ejemplo, puede usar Blend para los recursos de estilo de Visual Studio para implementar controles comunes de WPF (como botones, cuadros de lista, barras de desplazamiento, menús, etc.) y cambiar su color, estilo o plantilla subyacente directamente en Blend para Visual Studio. A continuación, puede cambiar a código para dar los últimos retoques si lo desea. |
Modificar el estilo de los objetos |
| Conectar la interfaz de usuario a los datos | Puede crear un origen de datos a partir de recursos como una base de datos de SQL Server, WCF o servicio web, objeto o lista de SharePoint y, a continuación, enlazar el origen de datos a los controles de la interfaz de usuario. Los datos en tiempo de diseño deben crearse manualmente para una experiencia de diseño interactivo. |
En el caso de las aplicaciones de .NET Framework, cree datos de ejemplo fácilmente para crear prototipos y pruebas. Cambie a datos en tiempo real cuando esté listo. Las funcionalidades de generación de datos de Blend para Visual Studio son excepcionales (puede agregar nombres, números, direcciones URL y fotos fácilmente sobre la marcha) y puede ahorrarle mucho tiempo. Para los datos dinámicos, puede enlazar los controles de interfaz de usuario a un archivo XML o a cualquier origen de datos CLR. |
Mostrar datos |
Para obtener más información sobre el diseño XAML avanzado, consulta Crear una interfaz de usuario mediante Blend para Visual Studio.