Créer des interfaces avec Qt Designer

00:00:00 :Dans cette vidéo je vais déjà vous expliquer à quoi sert Qt Designer et dans quel cas l'utiliser ou ne pas l'utiliser. Donc Qt Designer c'est cette interface que vous avez devant vous. C'est un
00:00:10 :logiciel gratuit qui vient avec votre installation de PySite 6 et qui permet de créer des interfaces de façon visuelle. Donc c'est généralement très apprécié des débutants puisque ça vous permet
00:00:20 :d'avoir un visuel de ce que vous faites et de ne pas être toujours sur des lignes de code. C'est beaucoup plus simple mais vous allez voir que ce n'est pas forcément toujours la meilleure façon de faire des interfaces. Donc pour vous montrer ici je peux par exemple prendre un bouton, le
00:00:33 :poser sur mon interface, changer le texte ici et organiser mes différents boutons comme ça à l'intérieur de mon interface avec des layouts et tout ce qu'on pourrait faire avec PySite. Donc
00:00:43 :c'est très bien, ça permet également de visualiser votre formulaire. Vous voyez j'ai le formulaire,je peux cliquer sur les boutons, changer la taille, voir ce que ça donne, etc. Et je peux bien
00:00:52 :entendu changer donc les propriétés des boutons. Donc là vous voyez des propriétés qu'on pourrait retrouver en code comme le minimum size, le font, la géométrie, le texte, la taille du bouton,est-ce que le bouton est checkable ou pas. Donc toutes ces choses là que l'on pourrait faire en
00:01:06 :code vous les retrouvez, vous pouvez les modifier ici. Une fois que vous avez terminé votre interface et c'est là que ça commence à devenir un petit peu plus embêtant, en fait cette interface vous allez la sauvegarder dans un fichier qui est un fichier .UI qui est du XML. Donc du XML qu'est
00:01:21 :ce que c'est ? Je vais vous montrer à quoi ça ressemble. Ça ressemble à ça donc c'est un petit peu comme du HTML si vous voulez, vous avez une définition en fait de votre interface avec par exemple on retrouve le QPushButton ici, avec la taille du bouton, où est-ce qu'il se trouve,
00:01:33 :en X, en Y, etc. Donc ce n'est rien de plus qu'une définition en fait de votre interface. Et donc ce fichier .UI il va falloir ensuite le convertir en fichier Python et ensuite l'importer dans
00:01:45 :un autre fichier Python puisque ce fichier converti vous ne devez pas y toucher parce qu'en fait à chaque fois que vous allez modifier votre interface vous allez refaire ce processus d'exporter un fichier d'interface en XML, de convertir ce fichier en Python et de charger ensuite votre interface dans votre script Python principal. Donc vous voyez que ça fait plusieurs
00:02:04 :étapes et le gros désavantage de ça également c'est que ça ne facilite pas la collaboration.Imaginez que vous soyez plusieurs à travailler sur la même interface et bien ça va être difficile de tenir une trace en fait de tout ce que vous faites. Donc vous pouvez très bien avoir cette
00:02:18 :déconstruction qui se fait également avec QtDesigner, vous pouvez avoir des bouts d'interface que vous allez assembler ensemble mais vous voyez qu'à chaque fois avec les fichiers .UI, les fichiers Python et ensuite charger tous ces fichiers dans votre interface principale ça
00:02:31 :fait beaucoup d'étapes comme ça qui rajoutent de la complexité et le code qui va être généré également à partir du fichier d'interface donc le fichier .UI et bien ce n'est pas vous qui le
00:02:41 :gérez donc il va y avoir beaucoup plus de lignes que ce qu'on aurait besoin de faire nous si on codait directement notre interface et par exemple si vous avez un système de gestion de version comme git et bien vous allez avoir beaucoup d'informations qui vont changer en fait à chaque
00:02:53 :fois que vous changez l'interface qui ne seront pas directement reliées à votre interface. Par exemple quand je vais modifier la position d'un bouton quand je vais changer le nom du bouton si par exemple je change là il s'appelle pushbutton mais je pourrais mettre un autre nom donc mettre un nom par exemple ici et bien ça ça va rajouter des lignes de code qui vont devoir modifier toutes
00:03:09 :ses propriétés. Donc tout ça pour vous dire que ça peut être assez séduisant au début de faire toutes ces interfaces avec ça mais des fois vous allez être un petit peu limité aussi parce que vous n'aurez pas forcément toutes les propriétés ou tous les widgets qui vont être disponibles et
00:03:23 :vous allez des fois frapper des murs. Donc moi je pense que c'est bien important de déjà savoir faire des interfaces en code, de rester avec du code c'est peut-être un petit peu plus dur au départ d'appréhender tout ça mais ça vous permet d'avoir un processus qui est beaucoup plus fluide.
00:03:35 :Après si vous êtes tout seul sur votre interface et que vous avez un seul fichier,QtDesigner peut être totalement indiqué pour faire une interface surtout si elle devient assez complexe, vous pouvez bien entendu utiliser ce logiciel et automatiser le plus possible les étapes de conversion pour passer du fichier d'interface au fichier Python. QtDesigner ça
00:03:53 :peut être également un très bon logiciel pour apprendre puisque vous allez pouvoir des fois en fait convertir le fichier en Python juste pour voir comment en fait et bien l'interface est faite en Python. Si par exemple vous avez des systèmes assez complexes avec plusieurs layouts imbriqués
00:04:07 :les uns dans les autres ou des tables par exemple si on va voir ici dans les widgets pour organiser on peut avoir un tab widgets donc des fois si vous avez des interfaces assez complexes comme ça et que vous ne savez pas comment les faire ça peut être une bonne idée
00:04:19 :également de l'utiliser comme outil pour apprendre pour déjà faire votre interface,la convertir et ensuite aller explorer le fichier Python pour voir comment il agence tout ça même si je vous dis il y a beaucoup de lignes de code qui vont être superflues pour changer des propriétés tout ça que vous n'avez pas vraiment besoin d'utiliser quand on le fait directement en
00:04:35 :code mais ça peut quand même vous donner une idée ou même pour faire ce qu'on appelle du mockup donc pour déjà planifier votre interface même si vous la refaites encore après ça peut être une bonne alternative d'utiliser Qt Designer plutôt que de le faire avec une feuille de papier
00:04:48 :et un stylo où vous allez devoir gribouiller des widgets que vous avez déjà ici dans l'interface.Donc voilà pour le topo sur ce logiciel on va voir dans les prochaines parties comment vous pouvez en tirer parti comment vous pouvez créer des interfaces gérer les layouts et ensuite exporter et convertir votre interface pour la charger dans un script Python et après comme je vous dis moi
00:05:10 :personnellement dans mon expérience professionnelle je n'ai jamais vu d'interface qui était réalisée avec Qt Designer c'était toujours 100% en ligne de code puisqu'on était souvent plusieurs développeurs à travailler sur le même projet donc c'était beaucoup plus facile de faire ça directement avec du code.

Créez des applications de bureau avec PySide

Débloquez votre potentiel ! ✨

Prêt à passer au niveau supérieur ?

Rechercher sur le site

Formulaire de contact

Créez des applications de bureau avec PySide

Débloquez votre potentiel ! ✨

Prêt à passer au niveau supérieur ?

Inscris-toi

Rechercher sur le site

Formulaire de contact