Projet Qt version , 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.
Grâce au flux de travail proposé dans Qt Design Studio, il est possible de transformer en quelques minutes des maquettes créées dans Photoshop ou d'autres éditeurs graphiques en prototypes fonctionnels, prêts à être lancés sur des appareils réels.
Offert et Qt Design Studio. La version commerciale
est fournie gratuitement, mais permet de distribuer les composants d'interface uniquement aux détenteurs d'une licence commerciale pour Qt.
L'édition Community n'impose aucune restriction d'utilisation, mais n'inclut pas les modules pour importer des graphiques de Photoshop et Sketch. L'application est une variante spécialisée de Qt Creator, construite à partir d'un dépôt commun. La plupart des modifications spécifiques à Qt Design Studio font partie de la base de code principale de Qt Creator. Les modules d'intégration avec Photoshop et Sketch sont propriétaires.
Dans cette nouvelle version :
- Les fonctionnalités du module , qui permet de créer des composants prêts à l'emploi à partir de maquettes établies dans Sketch et de les exporter en code QML. Le module a été ajouté avec le support de , permettant de lier différentes propriétés de texte à différents instances de boutons et autres composants d'interface (ces propriétés sont exportées en QML avec des propriétés redéfinissables, visibles comme des propriétés du composant). Une possibilité d'exportation de graphiques au format vectoriel SVG a également été ajoutée (auparavant, seuls les formats bitmap étaient supportés), ce qui permet de les redimensionner dans QML.
- L'interface de visualisation des propriétés a été modifiée, passant à l'utilisation de Qt Quick Controls 2 et étant désormais entièrement personnalisable via des thèmes. L'ergonomie a été considérablement améliorée avec (spin box), pour lesquels le support du glisser-déposer et la possibilité d'ajouter un curseur en option sont désormais disponibles. Ajout du support pour des blocs multi-section, permettant de définir les propriétés de plusieurs éléments à la fois. Un nouveau dialogue de gestion des dégradés a été ajouté dans l'éditeur de propriétés. L'éditeur de couleurs a été mis à jour, avec une section pour les couleurs précédemment sélectionnées.
- L'éditeur de liaisons a été amélioré, et repose désormais sur un widget d'édition de code plus convivial pour QML.
- Un nouvel éditeur de courbes pour l'animation a été ajouté, permettant d'ajuster les courbes d'interpolation pour plusieurs images clés dans une seule vue, similaire aux outils d'animation courants des logiciels 3D.
- On note également un travail encore incomplet sur la création d'un visualiseur QML basé sur WebAssembly, permettant de générer des packages avec des projets QML pour le Web, utilisables via un navigateur.
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. .
- 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
