Blend para Visual Studio Workspace (XAML)

Ya le presenté Blend para Visual Studio y hablé sobre las plantillas de proyecto y las plantillas de elementos. Ahora que está listo con sus plantillas, es hora de comprender mejor el espacio de trabajo de mezcla. Este va a ser tu patio de recreo para diseñar y crear algunas animaciones impresionantes.

Blend Workspace:

Hay dos áreas de trabajo predeterminadas en Blend

• Design Workspace
• Animation Workspace

Puede cambiar entre los dos haciendo clic en Ventana > Espacios de trabajo o mediante Ctrl+F11. Estos espacios de trabajo son personalizables para que pueda cambiar la orientación del panel, acoplarlo o flotar, o cambiar el tamaño de los paneles según sus necesidades. También puede cambiar el tema de todo el espacio de trabajo haciendo clic en Herramientas > Opciones > Tema > Espacio de trabajo.

Panels

Tools Panel

El panel Herramientas contiene las herramientas más útiles para diseñar los elementos de la interfaz de usuario. Algunas herramientas que se incluyen son Selección, Selección directa, Panorámica, Zoom, Cuentagotas, Cubo de pintura, etc. Notarás que algunas de las secciones del panel de herramientas tienen un pequeño triángulo blanco en la esquina inferior derecha. Esta es una indicación de que si hace clic y mantiene presionado, obtendrá una opción adicional de herramientas relacionadas.

Assets Panel

El panel Activos enumera todos los controles, estilos, formas, medios, categorías y ubicaciones. Los controles de los recursos también incluyen Windows 8 controles específicos como AppBar, GridView, FlipView, etc. El cuadro de búsqueda en el panel de activos es una característica útil. Alternativamente, puede acceder al panel de activos desde el panel de herramientas (el último botón), contendrá los activos a los que se ha accedido recientemente.

Artboard:

La mesa de trabajo es la superficie de trabajo en la que se diseña visualmente una página de la aplicación. En la esquina superior derecha encontrarás los botones de visualización. Utilícelos para cambiar entre las vistas de diseño​, código y división. En la esquina inferior izquierda encontrará controles de mesa de trabajo como Zoom, Mostrar cuadrícula de ajuste, Ajustar a líneas de cuadrícula y Desactivar ajuste a líneas de ajuste. Obtén más información sobre el ajuste aquí.

Panel Objetos y Línea de Tiempo:

El panel Objetos y línea de tiempo le ayuda a ver la estructura jerárquica de los objetos en la mesa de trabajo. Puede modificarlos directamente arrastrándolos desde una posición y soltándolos en la posición deseada para formar la estructura deseada. Puede agregar animación a su aplicación simplemente creando un nuevo guión gráfico haciendo clic en el botón +. Los guiones gráficos son contenedores que contienen líneas de tiempo de animación. Obtén más información sobre cómo agregar animaciones aquí.

Properties Panel:

Si es un desarrollador de Visual Studio, el panel Propiedades no es algo nuevo para usted. Es el lugar donde se ven y modifican las propiedades de un objeto seleccionado en la mesa de trabajo.

Algunos otros paneles que debes conocer:

• Panel Proyectos: enumera toda la información sobre su proyecto. Similar a Explorador de soluciones de Visual Studio
• Panel de recursos: enumera todos los recursos que se utilizan en el proyecto actual. Puede arrastrar el recurso a la mesa de trabajo para aplicarlo a un objeto
• Panel de resultados: el panel de resultados consta de dos pestañas. Pestaña Error: muestra los errores de compilación y análisis. Pestaña Salida: proporciona información de compilación al compilar, reconstruir, limpiar o probar un proyecto.

Resumen

Windows 8 ha sido reinventado desde el chipset hasta la experiencia del usuario y, por lo tanto, exige que todos los desarrolladores de aplicaciones de la tienda sigan estrictos principios de diseño de interfaz de usuario. Blend es una gran herramienta para empezar. Te ayuda a diseñar aplicaciones impresionantes y también facilita la conexión de animaciones. Así que adelante, preocúpate por los detalles y crea una aplicación rápida y fluida.