Proyecto Qt lanzamiento , un entorno para el diseño de interfaces de usuario y el desarrollo de aplicaciones gráficas basadas en Qt. Qt Design Studio simplifica la colaboración entre diseñadores y desarrolladores en la creación de prototipos funcionales de interfaces complejas y escalables. Los diseñadores pueden concentrarse únicamente en el diseño gráfico, mientras que los desarrolladores pueden enfocarse en la lógica de funcionamiento de la aplicación, utilizando el código QML generado automáticamente para los diseños del diseñador.
Con el flujo de trabajo propuesto en Qt Design Studio, se pueden convertir en minutos los diseños preparados en Photoshop u otros editores gráficos en prototipos funcionales, listos para ejecutarse en dispositivos reales.
Se ofrece y Qt Design Studio. La versión comercial
se proporciona de forma gratuita y permite distribuir los componentes de la interfaz preparados solo a titulares de una licencia comercial de Qt.
La edición Community no impone restricciones de uso, pero no incluye módulos para importar gráficos de Photoshop y Sketch. La aplicación es una variante especializada del entorno Qt Creator, construida a partir de un repositorio común. La mayor parte de los cambios específicos para Qt Design Studio se incorporan a la base de código principal de Qt Creator. Los módulos de integración con Photoshop y Sketch son propietarios.
En esta nueva versión:
- Se han ampliado las capacidades del módulo , que permite crear componentes listos para usar a partir de diseños preparados en Sketch y exportarlos a código QML. El módulo ha agregado soporte para , que permite vincular diferentes propiedades de texto a diferentes instancias de botones y otros componentes de la interfaz (estas propiedades se exportan en QML con propiedades sobrescribibles, visibles como propiedades del componente). También se ha añadido la posibilidad de exportar gráficos en formato vectorial SVG (anteriormente solo se admitían formatos de mapa de bits), que se pueden escalar en QML.
- Se ha modificado el diseño de la interfaz para visualizar propiedades, el cual ha sido trasladado al uso de Qt Quick Controls 2 y ahora es completamente personalizable a través de temas. Se ha mejorado significativamente la facilidad de uso con (spin box), para los cuales se añadió soporte para arrastrar con el ratón y la posibilidad de agregar un control deslizante opcional. Se añadió soporte para bloques multiseccionales que permiten establecer propiedades de varios elementos a la vez. Se añadió un nuevo diálogo de control de gradientes en el editor de propiedades. Se actualizó el editor de colores, que ahora incluye una sección con los colores previamente seleccionados.
- Se mejoró el editor de vínculos, que ahora se basa en un widget de edición de código más conveniente para QML;
- Se añadió un nuevo editor de curvas para animación, que permite ajustar las curvas de interpolación para varios fotogramas clave en una sola vista, similar a las herramientas de control de animación de los paquetes 3D;
- También se está trabajando en un visor QML basado en WebAssembly, que permite compilar paquetes con proyectos QML para Web, los cuales se pueden utilizar a través del navegador.
Principales características de Qt Design Studio:
- Animación en la línea del tiempo — editor basado en una línea del tiempo y fotogramas clave, que permite crear animaciones fácilmente sin escribir código;
- Los recursos diseñados se convierten en componentes QML universales, que se pueden reutilizar en varios proyectos;
- Qt Live Preview — permite prévisualizar la aplicación o la interfaz de usuario en desarrollo directamente en el escritorio, dispositivos Android o Boot2Qt. Los cambios realizados pueden verse de inmediato en el dispositivo. Hay opciones para controlar el FPS, cargar archivos con traducciones y cambiar la escala de los elementos. También se admite la previsualización en dispositivos para elementos preparados en la aplicación. .
- Posibilidad de integración con Qt Safe Renderer — los elementos de Safe Renderer se pueden asociar con los elementos de la interfaz en desarrollo.
- Visualización lado a lado del editor visual y del editor de código — se pueden realizar cambios visuales en el diseño o editar QML simultáneamente;
- Conjunto de botones, interruptores y otros elementos de control listos y personalizables;
- Conjunto de efectos visuales incorporados y personalizables;
- El diseño dinámico de los elementos de la interfaz permite adaptarse a cualquier pantalla;
- Editor de escenas avanzado que permite trabajar en los elementos hasta el más mínimo detalle;
- Módulos Qt Photoshop Bridge y Qt Sketch Bridge para importar gráficos desde Photoshop y Sketch. Permiten crear componentes listos para usar directamente desde gráficos preparados en Photoshop o Sketch y exportarlos a código QML. No están incluidos en la edición Community.
Fuente: opennet.ru
