Hace poco fue publicada la primera versión de Qt Design Studio 1.0, la cual es una herramienta que está destinada para diseñar entornos e interfaces de usuario y desarrollar aplicaciones gráficas basadas en Qt.

Qt Design Studio permite simplificar la colaboración de diseñadores y desarrolladores para crear prototipos de trabajo de interfaces complejas y escalables.

Los diseñadores pueden centrarse solo en el diseño gráfico, mientras que los desarrolladores pueden concentrarse en desarrollar la lógica de la aplicación, utilizando el código QML generado automáticamente para los diseños del diseñador.

Sobre QT Design Studio 1.0

Qt Design Studio es una herramienta utilizada tanto por los diseñadores como por los desarrolladores y hace que la colaboración entre los dos sea mucho más simple y simplificada.

Qt Design Studio 1.0 viene con Qt photoshop bridge que permite a los usuarios importar sus diseños gráficos desde photoshop.

Los usuarios también pueden crear componentes reutilizables directamente a través de Photoshop, además de esto, también podemos encontrar que se permite la exportación directamente a tipos QML específicos.

Esto funciona tanto para los tipos integrados estándar como para los personalizados.

Aparte de eso, Qt photoshop Bridge viene con un diálogo de importación mejorado, así como capacidades básicas de fusión.

Con Qt Photoshop Bridge, se pueden crear plantillas gráficas e importarlas desde este directamente a Qt Design Studio.

Para esto, los diseñadores tienen un nuevo filtro de importación, así como funciones elementales para unir elementos.

Con la ayuda del flujo de trabajo en Qt Design Studio, puede convertir los diseños preparados en Photoshop u otros editores gráficos en prototipos funcionales que pueden ejecutarse en dispositivos reales en minutos.

El producto se distribuye de forma gratuita, pero solo las personas con las licencias de Qt pueden distribuir componentes de interfaz preparados.

Sin embargo, en diciembre, está previsto lanzar la versión abierta de Qt Design Studio, que se suministrará bajo una licencia gratuita, pero estará ligeramente por detrás de la versión comercial en términos de esta limitación. Parte del código ya está abierto.

Principales características de Qt Design Studio

Entre las características que se pueden encontrar en Qt Design Studio podemos enocntrar:

• Módulo Qt Photoshop Bridge para importar gráficos desde Photoshop. Le permite crear componentes listos para usar directamente a partir de gráficos preparados en Photoshop y exportarlos a código QML.
• Animación en una línea de tiempo: un editor basado en una línea de tiempo y fotogramas clave, que le permite crear fácilmente una animación sin escribir código.
• Los recursos desarrollados por el diseñador se transforman en componentes QML universales que se pueden reutilizar en varios proyectos.
• Qt Live Preview: le permite obtener una vista previa de una aplicación o una interfaz de usuario desarrollada directamente en el escritorio, dispositivos Android o Boot2Qt. Los cambios se pueden hacer inmediatamente en el dispositivo.
• Es posible controlar FPS, cargar archivos con traducciones, cambiar la escala de los elementos. Esto incluye una vista previa de los elementos preparados en la aplicación Qt 3D Studio.
• Capacidad de integración con Qt Safe Renderer: los elementos de Safe Renderer se pueden comparar con los elementos de la interfaz que se está desarrollando.
• Editor visual de lado a lado y editor de código: puede realizar simultáneamente cambios visuales en el diseño o editar QML.
• Un conjunto de botones, interruptores y otros controles listos para usar y personalizables.
• Conjunto incorporado y personalizable de efectos visuales.
• El diseño dinámico de los elementos de la interfaz le permite adaptarlo a cualquier pantalla.
• Editor de escenas avanzado, que permite trabajar los elementos hasta el más mínimo detalle.
• Puede insertar un elemento de estudio 3D para previsualizarlo en los dados objetivo finales con la Vista previa en vivo de Qt.
• Hay una integración de Qt Safe Renderer que utiliza elementos de Safe Renderer y también los asigna en su interfaz de usuario.
• Puede utilizar estados y líneas de tiempo para la creación de flujos de pantalla y transiciones.

Para más información, echa un vistazo al blog oficial de Qt Design Studio.

El artículo Llega Qt Design Studio 1.0 con Qt photoshop bridge aparece primero en Llega Qt Design Studio 1.0 con Qt photoshop bridge.