Le lancement de l'environnement de développement Qt Design Studio 1.2

Projet Qt a publié version Qt Design Studio 1.2, un environnement pour la conception d'interfaces utilisateur et le développement d'applications graphiques basées sur Qt. Qt Design Studio facilite la collaboration entre designers et développeurs lors de la création de prototypes fonctionnels d'interfaces complexes et évolutives. Les designers peuvent se concentrer uniquement sur la maquette graphique, tandis que les développeurs peuvent se concentrer sur la logique de l'application, en utilisant le code QML généré automatiquement à partir des maquettes du designer.

Avec le flux de travail proposé dans Qt Design Studio, vous pouvez transformer en quelques minutes des maquettes préparées dans Photoshop ou d'autres éditeurs graphiques en prototypes fonctionnels, que vous pouvez exécuter sur de réels appareils. Au départ, le produit était fourni gratuitement, mais la distribution des composants d'interface préparés était autorisée uniquement
pour les titulaires d'une licence commerciale de Qt.

À partir de la version 1.2, une édition a été proposée aux développeurs Qt Design Studio Community Edition, qui ne pose pas de restrictions d'utilisation, mais est inférieure en fonctionnalité au produit principal. En particulier, les modules pour importer des graphiques depuis Photoshop et Sketch ne sont pas inclus dans l'édition Community.

Concernant l'ouverture des codes sources, il est rapporté que l'application constitue une variante spécialisée de l'environnement Qt Creator, assemblée à partir d'un dépôt commun. La majorité des modifications spécifiques à Qt Design Studio sont déjà intégrées dans la base de code principale de Qt Creator. Certaines fonctionnalités de Qt Design Studio sont accessibles directement depuis Qt Creator, par exemple, à partir de la version 4.9, un éditeur graphique basé sur une timeline est disponible.
Les modules d'intégration avec Photoshop et Sketch restent propriétaires.

La sortie de Qt Design Studio 1.2 est marquée par l'ajout d'un module Qt Bridge for Sketch, qui permet de créer des composants prêts à l'emploi à partir de maquettes préparées dans Sketch et de les exporter en code QML. Parmi les changements notables, on trouve le support de gradients complexes basés sur Qt Quick Shapes, qui peuvent désormais être traités comme des composants de Qt Design Studio. Par exemple, des gradients sphériques et coniques associés à de l'animation peuvent être utilisés pour une visualisation attrayante des dimensions et des lectures de capteurs. De plus, lors de la conception des interfaces, il n'est plus nécessaire de se limiter aux gradients verticaux linéaires.

Fonctionnalités principales de Qt Design Studio :

• Animation sur une timeline — éditeur basé sur une timeline et des images clés, permettant de créer facilement des animations sans écrire de code.
• Les ressources développées par le designer sont transformées en composants QML universels, pouvant être réutilisés dans divers projets.
• Qt Live Preview — permet d'apercevoir l'application ou l'interface utilisateur en cours de développement directement sur le bureau, les dispositifs Android ou Boot2Qt. Les modifications en cours peuvent être immédiatement observées sur l'appareil. La possibilité de contrôler les FPS, de charger des fichiers de traductions et de modifier l'échelle des éléments est également disponible. Il prend en charge l'aperçu sur des dispositifs d'éléments préparés dans l'application. Qt 3D Studio.
• Possibilité d'intégration avec Qt Safe Renderer — les éléments de Safe Renderer peuvent être associés aux éléments de l'interface en cours de développement.
• Affichage côte à côte de l'éditeur visuel et de l'éditeur de code — il est possible de faire des modifications visuelles sur le design tout en modifiant le QML simultanément.
• Ensemble de boutons, commutateurs et autres éléments de contrôle prêts à l'emploi et personnalisables.
• Ensemble d'effets visuels intégrés et personnalisables.
• Disposition dynamique des éléments de l'interface permettant de l'adapter à tous les écrans.
• Éditeur de scène avancé, permettant d'approfondir les éléments dans les moindres détails.
• Les modules Qt Photoshop Bridge et Qt Sketch Bridge permettent d'importer des graphiques depuis Photoshop et Sketch. Ils permettent de créer des composants prêts à l'emploi directement à partir des graphiques préparés dans Photoshop ou Sketch, et de les exporter en code QML. Ils ne font pas partie de l'édition Community.

Source : opennet.ru