Les développeurs du projet Qt ont annoncé la sortie de Qt Design Studio 1.3, un environnement pour concevoir l'interface utilisateur et développer des applications graphiques basées sur Qt. Studio de conception Qt simplifie la collaboration entre les concepteurs et les développeurs pour créer des prototypes fonctionnels d'interfaces complexes et évolutives.
Les concepteurs peuvent se concentrer uniquement sur la conception graphique, tandis que les développeurs peuvent se concentrer sur le développement de la logique d'application à l'aide du code QML généré automatiquement pour les conceptions des concepteurs.
En utilisant le workflow proposé par Qt Design Studio, peut transformer des conceptions préparées dans Photoshop ou d'autres éditeurs graphiques en prototypes fonctionnels adapté pour fonctionner sur de vrais appareils en quelques minutes.
Une version commerciale et une édition communautaire de Qt Design Studio sont disponibles. La version commerciale est livrée gratuitement, elle permet la distribution de composants d'interface prêts à l'emploi uniquement aux titulaires d'une licence commerciale Qt. La Community Edition n'impose pas de restrictions d'utilisation, mais n'inclut pas de modules pour l'importation de graphiques Photoshop et Sketch.
Quoi de neuf dans Qt Design Studio 1.3?
Avec la sortie de cette nouvelle version de Qt Design Studio 1.3 les capacités du module Qt Bridge for Sketch ont été étendues, Qui vous permet de créer des composants prêts à l'emploi basés sur les conceptions préparées dans Sketch et de les exporter vers du code QML.
Également la nouvelle prise en charge du remplacement des caractères dans le module est mise en évidence, permettant 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 des propriétés remplacées visibles en tant que propriétés de composant).
Égalementn Ajout de la possibilité d'exporter des graphiques au format SVG vectoriel (auparavant, seuls les formats raster étaient pris en charge), qui peuvent être mis à l'échelle dans QML.
L'apparence de l'interface pour afficher les propriétés a été modifiée, elle a été traduite pour utiliser Qt Quick Controls 2 et est désormais entièrement personnalisable via des thèmes.
La commodité de travailler avec des formes rotatives a également été considérablement améliorée, pour lequel le support du glisser-déposer est apparu et la possibilité d'ajouter éventuellement un curseur de contrôle. La prise en charge des blocs multi-sections a été ajoutée, vous permettant de définir les propriétés de plusieurs éléments à la fois.
Aussi bien que également un nouvel éditeur de courbes pour l'animation, qui vous permet d'ajuster les courbes d'interpolation pour plusieurs images clés dans une vue, comme les outils de contrôle d'animation habituels dans les packages 3D.
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, dans lequel une section avec les couleurs précédemment sélectionnées apparaît. L'éditeur de lien a été amélioré et est maintenant basé sur un widget plus pratique pour éditer le code pour QML.
Il convient également de noter le travail qui n'a pas encore été achevé pour créer une visionneuse QML basée sur WebAssembly, qui vous permet de créer un package de projets QML pour le Web, avec lequel vous pouvez travailler via un navigateur.
Comment installer Qt Design Studio 1.3 sur Linux?
Pour ceux qui souhaitent pouvoir installer cet environnement de développement, ils peuvent le faire en suivant les instructions que nous partageons ci-dessous.
Depuis Qt Design Studio a deux versions dans cette nouvelle version (essentiellement la version payante et la version gratuite).
Dans ce cas, nous nous concentrerons sur l'édition communautaire de Qt Design Studio, que nous pouvons obtenir à partir du lien ci-dessous.
Ou nous pouvons ouvrir un terminal dans notre système et y taper la commande suivante:
wget https://download.qt.io/official_releases/qtdesignstudio/1.3.0/qt-designstudio-linux-x86_64-1.3.0-community.run -O qtdesign.run
Une fois le téléchargement terminé, nous accordons des autorisations d'exécution au fichier avec:
sudo chmod +x qtdesign.run
Et nous pouvons exécuter le fichier avec:
./qtdesign.run
Enfin pour ceux qui s'intéressent à la version payante ou curieux de l'essayer, les développeurs proposent les packages sous licence commerciale disponibles via un programme d'installation en ligne.
Le lien pour essayer la version payante est le suivant.