Projet Qt question , un environnement pour la conception d'interfaces utilisateur et le développement d'applications graphiques basées sur Qt. Qt Design Studio permet aux concepteurs et aux développeurs de travailler ensemble pour créer des prototypes fonctionnels d'interfaces complexes et évolutives. Les concepteurs peuvent se concentrer uniquement sur la présentation graphique de la conception, tandis que les développeurs peuvent se concentrer sur le développement de la logique de l'application à l'aide du code QML généré automatiquement pour les présentations du concepteur.
Grâce au flux de travail proposé dans Qt Design Studio, vous pouvez transformer des mises en page préparées dans Photoshop ou d'autres éditeurs graphiques en prototypes fonctionnels adaptés à une exécution sur des appareils réels en quelques minutes.
Est offert и Studio de conception Qt. Version commerciale
est livré gratuitement, permet la distribution de composants d'interface préparés uniquement aux titulaires d'une licence commerciale pour Qt.
L'édition Community n'impose aucune restriction d'utilisation, mais n'inclut pas de modules d'importation de graphiques depuis Photoshop et Sketch. L'application est une version spécialisée de l'environnement Qt Creator, compilée à partir d'un référentiel commun. La plupart des modifications spécifiques à Qt Design Studio sont incluses dans la base de code principale de Qt Creator. Les modules d'intégration pour Photoshop et Sketch sont propriétaires.
Dans la nouvelle version :
- Capacités du module étendues , qui vous permet de créer des composants prêts à l'emploi basés sur des mises en page préparées dans Sketch et de les exporter vers du code QML. Ajout du support au module , qui vous permet de lier différentes propriétés de texte à différentes instances de boutons et autres composants d'interface (ces propriétés sont exportées vers QML avec les propriétés remplacées visibles en tant que propriétés de composant). La possibilité d'exporter des graphiques au format vectoriel SVG (auparavant, seuls les formats raster étaient pris en charge) a également été ajoutée, qui peuvent être mis à l'échelle en QML.
- La conception de l'interface d'affichage des propriétés a été modifiée, elle est passée à l'aide de Qt Quick Controls 2 et est désormais entièrement personnalisable via des thèmes de conception. Convivialité considérablement améliorée (spin box), qui prend désormais en charge le glissement de la souris et la possibilité d'ajouter éventuellement un curseur. Ajout de la prise en charge des blocs multi-sections, vous permettant de définir les propriétés de plusieurs éléments à la fois. Une nouvelle boîte de dialogue de gestion des dégradés a été ajoutée à l'éditeur de propriétés. L'éditeur de couleurs a été mis à jour pour inclure une section avec les couleurs précédemment sélectionnées.
- L'éditeur de liaison a été amélioré et est désormais basé sur un widget d'édition de code plus pratique pour QML ;
- Un nouvel éditeur de courbes d'animation a été ajouté, vous permettant d'ajuster les courbes d'interpolation pour plusieurs images clés dans une seule vue, similaire aux outils de contrôle d'animation habituels des packages 3D ;
- Il est également à noter que les travaux n'ont pas encore été terminés sur la création d'un visualiseur QML basé sur WebAssembly, qui vous permet de créer des packages avec des projets QML pour le Web, qui peuvent être utilisés via un navigateur.
Principales fonctionnalités de Qt Design Studio :
- Timeline Animation - Un éditeur basé sur une chronologie et des images clés qui facilite la création d'animations sans écrire de code ;
- Les ressources développées par le concepteur sont transformées en composants QML universels pouvant être réutilisés dans divers projets ;
- Qt Live Preview - vous permet de prévisualiser une application ou une interface utilisateur en cours de développement directement sur les appareils de bureau, Android ou Boot2Qt. Les modifications apportées peuvent être immédiatement observées sur l'appareil. Il est possible de contrôler les FPS, de télécharger des fichiers avec des traductions et de modifier l'échelle des éléments. Cela inclut la prise en charge de la prévisualisation des éléments préparés dans l'application sur les appareils .
- Possibilité d'intégration avec Qt Safe Renderer - Les éléments Safe Renderer peuvent être mappés aux éléments de l'interface en cours de développement.
- Afficher côte à côte l'éditeur visuel et l'éditeur de code - vous pouvez simultanément apporter visuellement des modifications à la conception ou éditer QML ;
- Un ensemble de boutons, commutateurs et autres éléments de commande prêts à l'emploi et personnalisables ;
- Ensemble d'effets visuels intégrés et personnalisables ;
- La disposition dynamique des éléments de l'interface vous permet de l'adapter à n'importe quel écran ;
- Un éditeur de scène avancé qui vous permet d'élaborer des éléments jusque dans les moindres détails ;
- Modules Qt Photoshop Bridge et Qt Sketch Bridge pour importer des graphiques depuis Photoshop et Sketch. Vous permet de créer des composants prêts à l'emploi directement à partir de graphiques préparés dans Photoshop ou Sketch et de les exporter vers le code QML. Ils ne sont pas inclus dans l'édition communautaire.
Source: opennet.ru