PyQt5 : Le cadre d'interface graphique Python

1. Bienvenue à ce cours !: Bonjour, les gars. Je m'appelle Alex et bienvenue dans ce didacticiel PKD Five Je suis un ingénieur logiciel actuellement employé qui parle couramment divers langages de programmation, dont Python et ce PKDFiveFramework, et j'ai réalisé divers projets dans Dans ce didacticiel, je vais vous montrer comment apprendre et tirer le meilleur parti du PCT 5 Cette classe est créée pour tout programmeur curieux comment améliorer son interface utilisateur graphique Python, et aucune expérience préalable n' est requise pour suivre cette classe. Si vous vous demandez ce qu'est PICT Five, c'est celui qui vous permet d'utiliser le framework QT GUI de Python QT lui-même est donc écrit en C plus plus. En l'utilisant à partir de Python, vous pouvez créer des applications beaucoup plus rapidement sans pour autant sacrifier la vitesse de C plus plus Pi QT five fait référence à la version la plus récente, à savoir la version cinq de QT de Python. Vous pouvez encore trouver des mentions occasionnelles de i sur le Web, mais il n'est plus supporté en tant que version 4. Maintenant, un nouveau concurrent intéressant PCT est QT pour Python, et le TPA est pratiquement identique À propos de ce cours, ce projet, le cours du projet consisterait à recréer un nouveau I que je vais joindre à une photo en utilisant Python et Pi QT 5, et toutes ces notions seront enseignées au cours de ce cours Il comportera quelques widgets, et son apparence sera très intuitive pour un nouvel utilisateur Si tout cela vous intéresse, j'ai hâte de vous voir lors de notre première conférence. 2. Comment installer PyQt5 ?: Pour ce premier tutoriel, je vais juste vous montrer rapidement comment vous pouvez configurer et installer la cellule Piketty cinq sur votre machine locale. Donc, tout d'abord, vous devez, comme conditions préalables pour l'installer, le Python et le bip. Vous pouvez donc, si vous êtes sur Windows, ouvrir votre application CMD et écrire simplement Python. Et si vous avez installé Python, il devrait lire vous diriger vers l'invite de commande Python où vous pouvez écrire des choses comme deux plus deux plus deux n. Mangez le testament, bien sûr, compilez-le pour vous. Mais si vous ne voyez pas par garde-manger que neuf fois quelle que soit la version que vous pourriez avoir sur votre machine lorsque vous écrivez pipeline. Et au lieu de la mort, vous voyez que Python n'est pas un programme. Dante les reconnaît machine décente. Eh bien, alors cela signifie que vous devez d'abord installer Python, puis bien sûr bip. Mais B devient installé avec Python si vous suivez la procédure qui meurent, je suis sur le point de mentionner. Donc, tout d'abord, vont quitter le script Python et la deuxième valeur par défaut, fois que vous voulez faire une fois que vous voulez fairequelques choses que vous avez faites pour l'installer sur les 10 honorer. Cette invite cmd, il s'ouvrira automatiquement pour vous et la page Microsoft Store où vous pouvez télécharger sur Python 3.9, qui est la dernière version gratuitement bien sûr, et il installera automatiquement les deux à partir de là. Donc, si vous allez sur le Microsoft Store, il lira automatiquement le droit de vous à cette page ici. Et vous pouvez l'installer à partir d'ici et nous allons automatiquement, comme je l'ai dit, installer également Python, installer également pip et ajouter au chemin, la commande Python. Pour le Tibet signifie que fondamentalement lors de l'installation de Python, entre la position i au bain par défaut qui est dans vos données d'application, le binaire pour votre Python. Donc Python dot EXE, c'est un exécutable. Et nous allons mapper cet exécutable à votre CMD. Donc nous saurions stipuler en dehors de ce genre, pour exécuter cet exécutable de dettes. Et fondamentalement il suffit d'essayer et la cellule de code Python. En plus d'installer ces dettes bytecode, nous allons consciemment faire le 31 pour faire n'importe quel codage, l'interface graphique, qui est appelé compartiment les cinq. Nous allons également avoir besoin d'installer un bip parce que nous allons installer Piketty 5. Ok, et comme je l'ai mentionné, bip devrait déjà être installé à ce stade si vous avez installé Python à partir de Windows, mais s'il ne l'est pas, vous pouvez simplement l'installer à partir des DS CMB. Eh bien, donc une fois que vous l'avez installé, quand vous devriez, quand vous écrivez, vous devriez avoir quelque chose comme ça. Donc, un tas de données et de commentaires dans les options générales qui vont en outre vous montrer comment pouvez-vous utiliser la commande zip. Mais pour installer Packet D35, je vais, tout d' abord, installer par Qc D5. Comme ça. Peut alors appuyer sur Entrée est que je ne l'avais pas. Je n'ai pas installé le ti va installer le compte par machine au moment où nous parlons. Donc, vous pouvez les prendre comme référence. Ainsi, vous pouvez voir sur votre machine qu'il ressemble exactement à ceci. Il me donne également un avertissement pour qu'ils n'ont pas la dernière version qui fait ce mentor de trading, car avant cela, il dit installé avec succès par 25. Et la non-dette. Vous pouvez également aller compter vélo vous D5. Ce sont d'autres choses flux de Piketty fait que nous allons avoir besoin lors de la création de couleurs, des interfaces graphiques assez simples. Et bien sûr, nous allons en avoir besoin. S les vendra. Maintenant que tout est installé. Nous sommes prêts à tuer les intérêts. Écriture de crèmes de contournement, code B2, D5. Si la réimporter, bien sûr, F3 importer le paquet. Nous aimerions que vous choisissiez cinq. peu près là où je cours. Code Python. Nous pourrions lire doit avoir. Ici, vous êtes déjà à la paire de GUI sont favorables pour nous. Intérimaire. Oui. C'est stupide. J' ai mis en place de l'art, pour ainsi dire. Dans la prochaine conférence, je vais vous montrer rapidement comment vous pouvez faire passer votre première interface graphique très simple et très intuitive. Donc, merci les gars d'avoir suivi ce tutoriel de configuration jusqu'à la fin et impatient de vous voir les gars dans le prochain. 3. Bonjour la forme du monde !: Bonjour les gars et bienvenue à la pointe. Si le tutoriel 5. En résumant cette conférence, je vais très rapidement vous montrer comment vous pouvez écrire le code Python pour votre toute première interface graphique Python que vous avez écrite vous-même. Donc, ce que j'ai fait ici était essentiellement, j'ai ouvert par l'éditeur officiel de code Studio que vous pouvez télécharger à partir de Google. Et bien sûr, vient d'ouvrir une nouvelle interface graphique toundra de sécurité de fenêtre qui achète pour que le système sache qu'il s'agit d'un script Python. Et puis je commence par importer l'interface graphique QT et garde les modules widgets. Dessinez par paquet D5 mignon que je viens de vous montrer comment installer dans la dernière conférence. Et après avoir importé cette idée de la ligne 21 à quatre, comme vous pouvez le voir l'écran devant vous, je déclare la fonction que j'ai appelée fenêtre. Et ce que cette fonction fait, elle crée d'abord un objet d'application de la classe d'application Q et lui donne les paramètres seeds.rb, EC50, et le DCS essentiellement être application. Il va être montré aux morts. J' ai déclaré un objet widget qui crée une fenêtre de niveau supérieur, un seuil. Comme vous pouvez le voir, c'est le cas avec la fenêtre KE Omega, que j'ai déclarée comme variable. Et j'ai également ajouté une étiquette de file d'attente. Il se peut que vous définissiez le texte pour ces, être étiqueté pour être bonjour monde. Et je l'ai déplacé de la plus gauche, le coin à un 50 et 20 pixels. Et après, bien sûr, également définir le titre de la fenêtre de ces applications pour le vélo les cinq. Donc comme ici, ce serait celui-là. Eh bien hm, le titre serait GUI dot py Visual Studio Code dans mon application sera paquet les cinq dans le coin supérieur gauche, comme nous le verrons dans quelques minutes pour exécuter, je lancerais cette application. Et puis vous définissez une géométrie pour cette fenêtre. Ce que ces coordonnées font réellement, les deux premières cartes dedans depuis le coin le plus à gauche. Donc, il va instancier les 500 pixels vers le bas en 500 pixels vers la gauche. Et puis les deux suivants. C' est la taille de la fenêtre, donc il va être de 200 pixels de large et de 200 pixels de haut. Et oui, après tout cela, donc après avoir créé la fenêtre et examiné les liens dans une position déclarant son titre, et aussi déclarant l'étiquette à l'intérieur que nous avons déclarée aussi, elle est positionnée et elle Nettoyage fixe. Nous n'allons pas appeler la fonction show sur cette fenêtre que nous venons de déclarer. Et puis nous allons exécuter avec la fonction app.use. Et l'après toute cette méthode est écrite, vous devez également appeler le bruit du thème. Par conséquent, vous étiez GUI à ouvrir lors de l'exécution de cette cellule de code. Eh bien, en l'exécutant, il est fondamentalement juste mort en train de faire n'importe quel autre script Python. Donc on ne peut pas aller à un terminal. Et puis C, D, deux que, que vous avez été raclée. Mon cas, Desktop. Et puis vous pouvez dire python. Et puis le nom de votre script, qui est GUI dot py. Et lorsque vous cliquez sur Entrée, vous pouvez voir que cela a fonctionné. Vendre sur mon application talon a besoin 55 traitement de pixels vers le bas dans 500 pixels vers la droite. Le titre de la demande est celui de Kupiec 5. Et nous avons aussi la viande maigre du travail qui a le texte Hello World dedans. Et comme vous pouvez le voir, nous avons notre première interface graphique écrite en Python, largeur et pas tant d'effort. Vous pouvez également le redimensionner, le rendre grand, petit, grand à la barre des tâches et aussi bien sûr le fermer. Et lors de la fermeture, il arrêtera automatiquement l'application d'écrire. Donc, j'y pense pour notre premier tutoriel de base sur le support 25 et votre première interface graphique. Donc maintenant, vous pourriez avoir une assez bonne introduction en bourse et comment cela fonctionne. Donc, dans les bases et comment installer le 10e. Juste pour écrire votre première interface graphique. Maintenant, dans la prochaine conférence est que nous allons obtenir plus en profondeur sur certaines fonctionnalités spécifiques que ceux-ci dos chacun du code de cadre GUI par 25 a pour vous cellulaire à la fin de ce cours, vous serez p égal à, eh bien, non ? Vous êtes très propres GUI utiles que vous pouvez utiliser pour votre application Windows et le script qui contient l'interface graphique I0 à partir de plusieurs plates-formes. Ainsi, vous pouvez les utiliser sur Android ou Microsoft ou des choses comme ça. Merci d'avoir suivi ce tutoriel, et je vous verrai le prochain. 4. Aperçu du concepteur Qt: Bonjour les gars et bienvenue à la conférence 1 pi à 35. Le framework Python qui nous permet de créer des interfaces utilisateur graphiques avec une relative facilité. Dans cette conférence, nous allons discuter un peu du consign QT là-bas. Tout d'abord, je vais commencer par le bain où vous pouvez trouver ces concepteurs QT. Donc, dans mon cas sur ma machine Windows, il faut garder le signe de paix ou point EXE. Nice a trouvé que ce bain, qui est les utilisateurs puis AppData Packages locaux par God Software Foundation à 0.9. Et puis les paquets d'alcool, BIPAP 39 paquets de site, 25 applications. Et puis cellule B, bien sûr, le bain ou il peut être du plus haut peu plus complexe. Et c'est pourquoi je vous conseille d'aller sur votre lecteur C et ensuite de l'essayer dans la boîte de recherche. Et il finira par le trouver si vous avez installé D35 avec l'installation pip de votre CMT, comme je vous l'ai montré dans une conférence précédente. Donc nous allons juste attendre un moment ici pour vous montrer qu'il y a moins de sommeil. L' outil de recherche de Windows, il va trouver ces exécutables de signataire UTP tôt ou tard. Et vous pouvez alors simplement faire un clic droit dessus et créer un raccourci que vous pouvez positionner sur le bureau. Et bien sûr, le cricket à partir de là. Donc, vous n'aurez pas Q et 30s connexion complexe Beth, chaque terme que vous voulez ouvrir le concepteur. En attendant, où cela est certain pour l'exécutable. Je vais parler un peu du consignateur et ils ont l'air de le faire. Donc chaque rangée, C'est fondamentalement comme vous pouvez le voir. Pour faire le graphique, vous dites qu'il ya une phrase que vous construisez avec seau les cinq, voir une balle. Et le plus intuitif pour le bureau de l'utilisateur en développant cela à une interface utilisateur graphique. Donc, il ressemble beaucoup plus à des parcs éoliens. Si vous n'avez jamais travaillé entre les accords avant. C' est à peu près une méthode d'interface utilisateur graphique de faire des choses qui ne semblent pas Studio visuel. Et c'est fini avec C-Sharp. Donc, c'est à peu près comme le signataire de la forme là-bas. Donc, fondamentalement, vous créez un formulaire ici et vous pouvez lui attribuer beaucoup de personnel. Et la meilleure partie est évidemment, mais vous pouvez voir ce que vous êtes assigné à lire jusqu'à ce que vous puissiez positionner chaque élément exactement où vous voulez qu'il soit. Et bien sûr, il est beaucoup plus facile d'utiliser le poids alors si vous aviez fait cette histoire dans la dernière conférence où nous avons positionné tous ces éléments de la couche et les pixels de largeur et des trucs comme ça. Donc, vous pouvez voir que le troisième a trouvé mon EXE ici, vous pouvez faire un clic droit sur cette dette, cliquez sur Ouvrir l'emplacement du fichier. Et puis bien sûr, créez une charge ici et puis copiez-la sur votre bureau. Donc je pense que c'est assez simple là-bas. Mais une fois ouvert ET porte, il s'ouvre. Le seigneur, comme vous pouvez le voir, il parle à plusieurs parties. Donc, tout d'abord, nous devons trouver où la vue Formulaire, paramètres, fenêtre d'aide type de menu qui est disponible juste là. Ici, nous avons, bien sûr, la possibilité de choisir quelques modèles et nous avons le dialogue avec les boutons, c'est OK et Annuler codé en dur. Et puis vous pouvez entrer beaucoup de choses dans la partie supérieure de celui-ci. Nous pouvons avoir ces boutons pour dériver sans boutons, nous savons et le poids goutte à goutte. Et bien sûr, ici, nous avons des jets. J' ai donc déjà créé la partition. C' est une sorte de boutons rapides dans le type de forme inférieure. J' ai juste cliqué sur Créer et ouvrir celui-ci. Vous pouvez les sauver. Bien sûr. J' ai racheté cette dette. Aux signaux. Nous allons parler de signaux et pas de conférence future. Nous pouvons l'ajouter par les ordres de pas et que nous pouvons bien sûr, également ajuster la taille de notre formulaire. Nous pouvons déplacer tous les trucs et c'est pourquoi il est coincé là pour vous d'utiliser le concepteur Qt. Comme vous pouvez voir ce que vous bougez. Ne vous ne pouvez pas avoir plus de contrôle visuel sur la façon dont votre formulaire Il va être une fois que vous l'aurez compilé. Donc, ici dans la boîte de widget, C'est une partie très importante parce que nous avons une mise en page que vous pouvez bien sûr les éditer, mais ils ne vont pas le faire en ce moment. Nous avons les entretoises, puis les boutons, nous avons des boutons-poussoirs, boutons d'outils, des boutons radio. Donc, nous allons appuyer sur le bouton, Il est fondamentalement comme v sub k ou château. Mais le bouton Outil, c'est quelque chose qui ouvre quelque chose. Maintenant bouton radio dans la case à cocher, je pense que vous savez ce que l'art art up. Respirant beaucoup de choses que vous pouvez sélectionner. Le bouton radio peut être sélectionné. Un seul. Oh, quelques-uns. La case à cocher, ce n'est pas le cas avec la case à cocher. Ensuite, nous avons, bien sûr, les widgets que nous dessinons, widgets les moins trois, la semaine deux, et ainsi de suite. Je ne vais pas les ajouter maintenant. Nous avons des entrées de conteneurs, nous obtenons des entrées de l'utilisateur qui utilise le formulaire. Nous avons donc quelques dates, une zone de liste déroulante, une police, une zone liste déroulante, une voie à l'édition de texte de l'EPA. Donc ce qu'ils pensent que vous pouvez ajouter du texte à Amy. Et nous avions quelques widgets d'affichage. Nous progressons des barres, des widgets OpenGL et des choses comme la mort. Maintenant, lors de l'ouverture de ces éléments, vous pouvez voir dans la partie droite de l'écran, tout d'abord, nous avons au moins trois d'entre eux ici dans l'objet être inspecté et vous ne pouvez pas, bien sûr, domaine filtré chercher leur nom là-bas. Et bien sûr, et aussi nous avons l'éditeur de propriété qui nous montre, nous montre sur celle des informations sur cet objet. Ainsi, par exemple, si nous cliquons sur cette case à cocher, qui nous montre la géométrie est encore faible. Les valeurs entre parenthèses sont où sont la pulsation ? Partout où le def dans le coin supérieur gauche, alors nous avons la taille maximale, taille minimale. Bien sûr, le curseur que nous voulons être lorsque la conférence est sur ces contrôles et d'autres choses. Si vous voulez l'être, pour qu'il soit vérifié par défaut. Et toutes ces autres bonnes choses qui ont l'air assez intuitivement. Mais bien sûr, après un certain temps de traiter avec ce QP à côté de New York aller à la question pré-K. Notez cela par cœur, mais juste pour vous donner une large présentation de DOM, afin que vous sachiez ce qui se passe avec. Vous pouvez également bien sûr vérifier la police, la taille du point, donc la taille de la police et d'autres choses comme ça. Bien sûr, vous pouvez aller à convaincre que vous pouvez voir la chaleur pour changer la police en temps réel. Donc c'est ce que je veux dire quand je dis, vous pouvez avoir une bien meilleure représentation visuelle de votre forme, peut vous donner un bécher formé, mais alors vous devriez vous attendre à cet espace. Ensuite, le curseur que vous pouvez, vous pouvez vouloir 0,5 curseur soif tandis que la moitié lire à propos de cette case à cocher en ce moment. Eh bien, il ne réplique pas cela, mais vous verrez que l'interface utilisateur web, docteur, vous allez voir que bien sûr, nous avons le navigateur de ressources ici. Nous n'avons pas encore de ressources. Nous voyons l'éditeur de fente Eddie 33, choix du navigateur source. Vous ne pouvez pas sélectionner dans le menu défini juste là. Comme je l'ai dit, je vais aborder les signaux et l'action semble mieux. Conférence. Mais ce que je veux faire maintenant est de vous montrer comment pouvez-vous le compiler. Ce formulaire d'interface utilisateur de Python, qui est un processus assez simple. C' est quelque chose que vous voudrez peut-être savoir comment faire. Donc, tout d'abord, nous allons l'enregistrer comme et ensuite unir l'interface utilisateur sans titre entière va l'enregistrer, pas s'arrêter. Cliquez sur, Enregistrer. Et maintenant, le concepteur Q pic est allé de l'avant et a documenté cinq postes de travail. Donc en ce moment, il est là, ce qui va vouloir les faire ouvrir votre CMP vers le haut. Et puis changez les répertoires pour revenir à endroit où vous avez enregistré ce fichier dans mes cas, le bureau. Et puis vous allez vouloir essentiellement tourner ces fichiers d' interface utilisateur que nous venons d'enregistrer sur le bureau et les campagnes de plomb, ce dialogue que vous voyez dans le QP être signataire à un fichier Python afin que nous puissions compiler le. Alors comment allons-nous faire cela est en enveloppant dans ce document AMP B Five X. Et puis nous allons écrire le nom de ce fichier, ce fichier d'interface utilisateur. Dark UI, puis tiret, puis le nom des pythons, garder bon, 31 au sexe. Donc, dans mon cas, je veux générer le fichier Python démo dot py. Donc en ce moment, si nous allons sur le bureau, vous allez voir que le fichier py dot démo est créé. Peut-être que si nous espérons rencontrer, vous pouvez voir que le pic ou le manque de choses ici qui vont nous aider à comprendre le marché, les cinq plus en détail plus tard. Mais pour l'instant, nous ne voulons pas voir la mort démo par correspond réellement à l'interface utilisateur que nous avons classée ici. Donc, comment nous ferions cela est fondamentalement comme exécuter n'importe quel autre script Python. On écrirait juste un iPod. Et puis le nom de discret, puisque nous sommes déjà aux kiddies de script Python. Donc, nous n'allons pas écrire le Python et n'avons pas démo dot py. Et comme vous pouvez le voir ici, interface utilisateur que nous l'implémentons, non ? Donc ici, vous pouvez écrire du texte. Ici, nous avons des boutons qui devraient ouvrir le fumier, mais évidemment ils ne le font pas pas être, comme je vous l'ai dit ici en passant la case à cocher, notre secteur de l'énergie et deux à travers. Et bien sûr, nous devons annuler ça. Ne garde pas ça en fait. Comme vous pouvez le voir ici, ayez des signaux mappés à eux pour accepter ou rejeter la fin. C' est pourquoi, lorsque je clique sur Annuler, le dialogue a été fermé. Donc, c'était une vue d'ensemble assez basique du framework Python D5 GUI aiguë. Et le, dans les prochaines conférences vont dave certaines choses plus en détail. Les signaux lumineux et les actions visant à d'autres contrôles et comment vous pouvez écrire votre formulaire forment également le code qui mappe réellement certaines actions. Faites les élites et les zones de texte ou les cases à cocher que vous ressentez dans cette interface utilisateur. Donc, merci les gars de rester avec moi à travers ce tutoriel et j'ai vraiment hâte de vous voir dans le prochain point. 5. Gestion de la mise en page: Bonjour les gars et bienvenue à ce retour UP 50 tutoriel. Dans cette conférence, nous allons discuter de la gestion de mise en page quand il s'agit l'interface utilisateur graphique Python qui est développée en utilisant le framework Piketty five. Ainsi, un widget GUI peut être placé à l'intérieur de la fenêtre du conteneur en spécifiant ses coordonnées absolues mesurées en pixels. Les coordonnées sont relatives aux dimensions de la fenêtre définies par la méthode de géométrie définie. Nous avons déjà discuté de cela un peu dans les conférences précédentes où je vous ai dit comment ces chiffres fonctionnent et qu'ils sont relatifs à l'AP le plus gauche de votre écran. Ainsi, la méthode de géométrie définie a la syntaxe du widget pour lequel vous voulez définir la géométrie. Ensuite, cette géométrie définie, et puis il faut quatre paramètres. Les deux premiers sont combien de pixels ? Tout d'abord, vous voulez sur l'axe des x à partir du coin le plus à gauche. Et le deuxième paramètre est le nombre de pixels que vous voulez à partir du quart le plus élevé. Ensuite, le mot suivant, la largeur et le widget octet de hauteur que vous voulez lui donner. Donc, dans le code suivant que vous voyez à l'écran en ce moment, vous pouvez voir que la fenêtre de niveau supérieur est une fenêtre de 300 pixels par 200 pixels. Vous pouvez le voir à la ligne 13. Et il est affiché à la position 100 par 100 sur votre moniteur. Donc, si nous l'exécutions maintenant, vous seriez en mesure de voir qu'il s'agit d'un 100 pixels de la gauche, 100 pixels vers la droite. Et puis c'est 300 par 200 ou environ. C' est ce que fait la méthode de géométrie. Maintenant, bouton poussoir widget est ajouté dans la fenêtre. Comme vous pouvez le voir, j'ai fait cela étant un widget et il est positionné à 50 pixels vers la partie droite de la fenêtre et 20 pixels au-dessous de la position supérieure gauche de la fenêtre. Donc, cela est fait avec la méthode de déplacement est que vous pouvez voir sur l'écran aussi bien. Et une note ici serait que ce positionnement absolu, cependant, n'est pas approprié ou pour les raisons suivantes. Donc, tout d'abord, la position du widget ne change pas. Même si le fait avec redimensionné, avec ce positionnement absolu, alors l'apparence peut ne pas être uniforme sur un affichage différent et différentes résolutions. Et aussi la modification de la mise en page est difficile car il peut avoir besoin de redessiner l'ensemble du formulaire. Donc, ces positionnement absolu n'est vraiment pas si grand parce qu'il n'implique pas aucune réactivité à elle. Maintenant, l'API Piketty fournit une base de mise en page pour gestion plus élégante pour aider à positionner les widgets à l'intérieur de ce conteneur. Les avantages de leurs gestionnaires par rapport au positionnement absolu sont que les widgets à l'intérieur de la fenêtre sont automatiquement redimensionnés, ainsi de suite. Et vous pouvez faire un parallèle à n'importe quelle application Web est réactif lorsque vous redimensionnez la fenêtre de Chrome, par exemple, dans je ne sais pas, application responsive, vous pouvez voir que les changements sont effectués et vous pouvez toujours accéder à tout le contenu que auriez Xist si le navigateur Chrome était plein écran. Il assure également l'apparence uniforme sur les appareils d'affichage avec des résolutions différentes en ajoutant Grinch déplacer bon, ce qui est dynamiquement que possible sans avoir à redessiner. Donc, il y a beaucoup, comme vous pouvez le voir, les entités aussi, les classes de mise en page que nous allons discuter ici. Maintenant, avant de sauter dans certaines de ces classes, je veux aussi vous montrer dans le concepteur QT fait dans la boîte de widget. Dans la gauche de l'écran. Vous avez ces widget zone à jouer et vous pouvez sélectionner ces mises en page ici. Si on avait une fenêtre, on a fini ici. Donc, c'est la partie qui gère que si vous voulez que votre interface graphique soit, tout d'abord, conçue à partir de ces conceptions ou non, elle va réellement dynamiquement profondément d'un script Python directement. Maintenant, au moins la classe est atteinte. Nous pouvons discuter qui ne sont pas liés à cette gestion de mise en page sont la mise en page de la zone de file d'attente, la disposition de lecture qg ont tendance à la mise en page de formulaire. Maintenant, la disposition de la boîte de cube ligne les widgets verticalement et horizontalement. La mise en page de la grille de file d'attente présente une lecture des cellules disposées en lignes et colonnes est que vous pouvez voir ici, c'est la troisième. Et aussi, la mise en page du formulaire est, vous pouvez voir Dernier ici. Et fondamentalement, ces bases sont rencontrées ces mises en page juste ici. Vous pouvez donc les enduire dynamiquement, mais en les déclarant à partir de votre script Python ou utiliser les mises à pied que vous voyez ici. Donc, le q de la mise en page est un moyen pratique de créer deux formes de colonnes où chaque ligne se compose d'un champ d'entrée associé à l'étiquette. Donc, comme une convention que la colonne de gauche contient l'étiquette et la colonne de droite contient la cellule de champ d'entrée. Eh bien fondamentalement, c'est le cas où vous vous connecteriez sur un site et vous pouvez voir que l'étiquette est le prénom à cela. Et puis vous avez une entrée deux zone de texte où vous pouvez écrire votre nom. Donc, cette gestion de mise en page peut être très utile si vous voulez que votre interface graphique développée dans D5 soit plus réactive et plus Nate et aussi avoir une esthétique plus professionnelle deux semaines. Maintenant, sur un niveau plus concret, j'ai trois scripts Python ici que nous pouvons regarder et voir un peu sur le fonctionnement de cette gestion de mise en page. Donc, ils sont assez basiques dans le sens où je viens de mettre tout le script dans la fonction principale et est mort, a déclaré toutes ces choses ici. Donc, tout d'abord, j'ai déclaré notre application, cette application sécurisée, et puis j'ai eu un widget. Et puis j'ai trois boutons qui datent le paramètre, leur nom. Et maintenant la boîte, qui est mise en page en boîte. Et c'est la partie qui nous intéresse vraiment. Donc nous déclarons la disposition de la boîte QH, qu'il va prendre le périmètre de la fenêtre. Et il va créer un objet qui va être appelé boîte H à ces, dans cette boîte H, C'est la mise en page. Cela a une disposition de boîte. Nous ajoutons le widget que nous avons. Dans le langage de programmation Python. Nous savons à partir de ce paramètre ici que cette mise en page va être dans notre fenêtre. Et il va alors nous montrer la fenêtre et il va ensuite quitter l'application. Et maintenant, exécutons-le en Python et voyons à quoi il ressemble. Ainsi, comme vous pouvez le voir, la disposition de la boîte met essentiellement les boutons juste à côté de l'autre. Bien sûr, ils pourraient aussi être mis en position verticale. C' est donc la disposition de la boîte QH. Ensuite, nous allons passer à la disposition de la grille de fluage. Donc, encore une fois, j'ai déclaré tout cela dans la demande principale. Nous avons donc l'application Q qui ne prend aucun paramètre. Ensuite, nous avons un widget, qui est le sujet W ici qui est un objet de la clé de classe WeChat. Et puis la cupidité qui est à nouveau instanciée comme un objet de classe de disposition qui prend le périmètre de la fenêtre. Et puis je dois forcer ici. Et pour chaque itération, la mise en page va ajouter le widget si q bouton poussoir, et que vous savez, les deux paramètres ici. Et puis la fenêtre va être montrée, puis l'application XY, bon. Essaie. Maintenant, si nous exécutons ceci à partir du script Python, vous pouvez voir que la mise en page de la grille affiche ces boutons sous forme de salutation. Donc, moi et j est juste ici utilisé pour spécifier les coordonnées du bot alors. Donc, comme vous pouvez l'imaginer, il y a ceux-ci va avoir les coordonnées 0, 0, 0, 1, 0, 2, 1, 0, 11, 12, puis 200, 21 et 22. Donc les dettes, ce que cette INJ faire ici dans le Widget Ajouter de la mise en page grecque. Ce sont des paramètres spécifiant la position des boutons. Et enfin, nous allons regarder une autre chose de design ici. n'y a pas vraiment de lien avec la mise en page. Je veux dire, nous avons également fait une mise en page de grille ici. Mais celui-ci est plus sur les thèmes du centre Calder que vous pouvez appliquer à votre interface utilisateur graphique lorsque vous le développez par q p, car c' est aussi important d'avoir votre interface utilisateur graphique qui regarde en plus de son fonctionnement. et comment fonctionnel. Et convivial. Et pour que votre utilisateur ait une bonne expérience utilisateur. Faites-le. Alors. Ici encore, nous avons notre application Q et nous allons définir les choses pour cela. Il y a la fusion. Et puis nous allons déclarer une palette de file d'attente, que nous allons plus tard pour définir la largeur de notre application est ce kubelet. Et dans cette ceinture, nous allons mettre des couleurs. Tout d'abord, le bouton des textes doit être noir. Ensuite, la fenêtre devrait être noire. arrière-plan de la fenêtre devrait être noir, puis le bouton Becker et Dr devrait être génial. Donc, nous spécifions les érudits comme vous pouvez le voir comme un mignon, puis cela, puis le nom de la couleur prédéfinie. Ensuite, nous faisons un additif, l'atteindrons , qui sera w , qui sera, qui va être notre fenêtre. Il est déclaré comme subcu WeChat. Ensuite, nous allons déclarer le QC nous mise en page de cette fenêtre en tant que paramètres. Et cette mise en page de grille, nous allons ajouter quatre boutons. Nous allons également spécifier basique peut voir codé en dur, cette fois leurs coordonnées dans la mise en page de la grille, et aussi les garder leurs textes de tâche correspondants quant à l'endroit où ils sont placés dans notre fenêtre. Nous allons ensuite montrer cette fenêtre et ensuite quitter l'application en plus. Donc, en ce moment, si nous exécutons cela à partir de Python, vous pouvez voir que le style peut faire une énorme différence sur la façon dont notre, comment notre application va ressembler à la fin. Donc, vous pouvez voir que l'arrière-plan ici va être noir. J' ai spécifié à la ligne 12. Le fond des boutons va être fou spécifié sur la ligne 13. Et aussi le texte du bouton est noir est spécifié sur la ligne 11. Donc, tout cela est fait comme vous l'avez vu en utilisant le verre Padlet fournir manger à vélo à D5. Donc encore une fois, la disposition de la grille QC nous aide également à avoir un plus, mais pour y arriver regarder dans notre forme. Donc, merci les gars d'avoir suivi ce tutoriel. J' apprécie vraiment votre temps et j'espère que vous apprendrez à penser à la morsure que vous cadre GUI D5. C' est essentiellement comme vous l'avez vu en utilisant du code Python pour développer des interfaces utilisateur graphiques. Donc maintenant, si vous alliez à l'avenir développer des applications Python, mais vous aimeriez aussi, plus du script que vous écrivez, avoir une interface utilisateur graphique. Pour vos utilisateurs ne voient des choses ou pour être plus bien sûr convivial. Vous avez maintenant un remplaçant les quatre complets que j'ai examinés. Nous allons donc nous accorder pendant la conférence où nous parlerons du résumé du cadre. Mais ils étaient sur le point de manger du blé. Programmation, obtenez DO montrant la barre de trucs. Pour ainsi dire. Merci encore, et nous serons impatients de vous voir dans les prochains symptômes du tutoriel. Donc, cet été.