PyQt5: Das Python

1. Willkommen in diesem Kurs!: Hallo, Leute. Mein Name ist Alex und willkommen zu diesem PKD Five Tutorial Ich bin derzeit ein angestellter Softwareingenieur , der verschiedene Programmiersprachen fließend beherrscht, darunter Python und dieses PkdFiveFramework, und ich habe verschiedene Projekte in darunter Python und dieses PkdFiveFramework, dieser aktuellen Umgebung durchgeführt , der verschiedene Programmiersprachen fließend beherrscht, darunter Python und dieses PkdFiveFramework, und ich habe verschiedene Projekte in dieser aktuellen Umgebung durchgeführt. In diesem Tutorial werde ich Ihnen zeigen, wie Sie PCT five lernen und das Beste daraus machen können Dieser Kurs richtet sich an jeden Programmierer, der neugierig ist, wie er seine grafische Python-Benutzeroberfläche verbessern kann, und es sind keine Vorkenntnisse erforderlich, um an diesem Kurs teilnehmen zu können Falls Sie sich fragen, was PICT five ist Damit können Sie das QT-GUI-Framework von Python verwenden QT selbst ist also in C plus Plus geschrieben. es von Python aus verwenden, können Sie Anwendungen viel schneller erstellen, ohne dabei viel von der Geschwindigkeit von C plus Plus einzubüßen Pi QT Five bezieht sich auf die neueste Version, die fünf von QT von Python ist. Möglicherweise finden Sie immer noch gelegentlich die Erwähnung von i im Internet, aber es wird als Version vier nicht mehr unterstützt. Nun ist QT for Python ein interessanter neuer Konkurrent von PCT, und das TPA ist praktisch identisch Über diesen Kurs, dieses Projekt, die Projektklasse würde darin bestehen, ein neues I nachzubilden, das ich mit Python und Pi QT Five mit einem Foto anhängen werde, und all diese Begriffe werden in diesem Kurs vermittelt. Es wird ein paar Widgets haben und es wird für einen neuen Benutzer sehr intuitiv aussehen Wenn das alles für Sie interessant klingt, freue ich mich darauf, Sie in unserer ersten Vorlesung zu sehen 2. So installierst du PyQt5?: Für dieses erste Tutorial, Ich werde Ihnen nur schnell zeigen, wie Sie die Zelle Piketty fünf auf Ihrem lokalen Computer einrichten und installieren können. Also zuerst müssen Sie, als Voraussetzung, um es installiert zu haben, den Python und den Piepton. Sie können also, wenn Sie unter Windows sind, Ihre CMD-App öffnen und einfach Python schreiben. Und wenn Sie Python installiert haben, sollte es Sie direkt zur Python-Eingabeaufforderung lesen, wo Sie Dinge wie zwei plus zwei plus zwei n schreiben können. Aber wenn Sie nicht durch Speisekammer sehen, dass neun Mal was auch immer Version Sie auf Ihrem Computer haben könnten, wenn Sie Pipeline schreiben. Und anstelle des Todes sehen Sie, dass Python kein Programm ist. Dante erkennt sie anständige Maschine. Nun, dann bedeutet es, dass Sie zuerst Python installieren und dann natürlich piepen. Aber B wird zusammen mit Python installiert, wenn Sie die Prozedur befolgen, die sterben, ich bin dabei zu erwähnen. Also zuerst werden Python -Skript und zweiten Standard beenden, wenn Sie ein paar Dinge tun möchten , die Sie getan haben, um es auf der Ehre dieser 10 installiert zu haben. Diese cmd Eingabeaufforderung, es wird automatisch für Sie und Microsoft Store-Seite geöffnet , wo Sie auf Python herunterladen können 3.9, die die neueste Version ist natürlich kostenlos, und es wird automatisch die beiden von dort installieren. Also, wenn Sie in den Microsoft Store gehen, wird es automatisch die richtigen Sie zu dieser Seite direkt hier lesen. Und Sie können es von hier installieren und wir werden automatisch, wie ich gesagt habe, auch Python installieren, auch pip installieren und auch zu Pfad hinzufügen, den Python-Befehl. Zu Tibet bedeutet, dass im Grunde bei der Installation von Python zwischen Position i am Standardbad, das in Ihren App-Daten ist, die Binärdatei für Ihren Python. Also Python dot EXE, das ist eine ausführbare Datei. Und wir werden diese ausführbare Datei Ihrem CMD zuordnen. Also wüssten wir, abgesehen von diesen vorzusehen, um diese ausführbare Datei von Schulden zu leiten. Und im Grunde versuchen Sie einfach und Python Code-Zelle. Zusammen mit der Installation dieser Bytecode-Schulden, werden wir bewusst gemacht 31 jede Codierung zu tun, die GUI, das heißt Bucket the Five. Wir werden auch den Piepton installieren müssen, weil wir Piketty 5 installieren werden. Okay, und wie ich bereits erwähnt habe, sollte es an dieser Stelle bereits installiert sein, wenn Sie Python von Windows installiert haben, aber wenn er nicht ist, können Sie es einfach von der CMB ds installieren. Nun, wenn Sie es installiert haben, wenn Sie sollten, wenn Sie schreiben, sollten Sie so etwas haben. Eine Reihe von Daten und Kommentaren in allgemeinen Optionen, die Ihnen außerdem zeigen, wie Sie den Befehl zip verwenden können. Aber für die Installation von Packet D35, werde ich, allem in Ordnung, von Qc D5 installiert. So wie das hier. Kann dann Enter drücken ist, dass ich das nicht hatte. Ich habe nicht installiert, die ti wird das Konto per Maschine installieren, während wir sprechen. So können Sie diese als Referenz nehmen. So können Sie auf Ihrer Maschine sehen, es sieht genauso aus wie diese. Es gibt mir auch eine Warnung, dass sie nicht die neueste Version haben , die diesen Handel Mentor tut, denn vorher sagt es erfolgreich installiert von 25. Und die Nicht-Schulden. Sie können auch gehen verlassen Fahrrad Sie D5. Dies sind einige andere Sachen fließen von Piketty Tatsache, dass wir beim Erstellen von Farbe, ziemlich einfache GUIs benötigen. Und natürlich werden wir die brauchen. S wird sie verkaufen. Jetzt, da alles installiert ist. Wir sind so ziemlich bereit, Zinsen zu töten. Schreiben Bypass-Cremes, B2, D5-Code. Wenn die sie erneut importieren, natürlich, F3 importieren Sie das Paket. Wir möchten, dass du fünf auswählst. So ziemlich dort, wo ich renne. Python Code. Wir könnten lesen müssen. Hier sind Sie bereits bei den GUIs sind günstig für uns. Zwischenzeitlich. Ja, ja. Das ist blöd. Ich habe Kunst eingerichtet, sozusagen. In der nächsten Vorlesung werde ich Ihnen schnell zeigen, wie Sie Ihre erste GUI machen können , die sehr einfach und sehr intuitiv ist. Also danke euch Jungs für das folgende Setup-Tutorial bis zum Ende und freuen uns darauf, euch in der nächsten zu sehen. 3. Hallo world: Hallo Jungs und willkommen zurück zum Spike. Wenn die 5-Tutorial. Zusammenfassend werde ich Ihnen sehr schnell zeigen, wie Sie den Python-Code für Ihre allererste Python-GUI schreiben können , die Sie selbst geschrieben haben. Also, was ich hier getan habe, war im Grunde, ich öffnete den offiziellen Studio Code-Editor, den Sie von Google herunterladen können. Und natürlich, gerade eine neue Fenster-Sicherheits-GUI geöffnet , die kauft, damit das System weiß, dass es ein Python -Skript ist. Und dann beginne ich mit dem Importieren der QT-GUI und behalte die Widgets-Module. Zeichnen Sie nach niedlichen D5 Paket, das ich Ihnen gerade gezeigt habe, wie Sie in der letzten Vorlesung installieren. Und nachdem die Schulden diese Idee von Zeile 21 zu vier importiert haben, wie Sie den Bildschirm vor Ihnen sehen können, erkläre ich die Funktion, die ich Fenster aufgerufen habe. Und was diese Funktion tut, erstellt sie zunächst ein Anwendungsobjekt der Q-Anwendungsklasse und gibt ihm die Parameter seeds.rb, EC50 und das DCS grundsätzlich Anwendung. Es wird bei den Toten gezeigt werden. Ich habe ein Widget-Objekt deklariert, das ein Top-Level-Fenster, Schweller, erstellt. Wie Sie sehen können, ist dies bei dem KE Omega-Fenster der Fall, das ich als Variable deklariert habe. Und ich habe auch ein Warteschlangenlabel hinzugefügt. Es kann sein, dass Sie den Text für diese setzen, beschriftet werden hallo Welt sein. Und ich bewegte es von links am meisten, die Ecke auf eine 50 und 20 Pixel. Und nach, natürlich, setzen Sie auch den Fenstertitel dieser Anwendung, um es die fünf Fahrrad. So wie hier, wäre es dieser hier. Nun hm, der Titel wäre GUI dot py Visual Studio Code in meiner Anwendung wird packet die fünf in der oberen linken Ecke, wie wir in ein paar Minuten sehen, um zu laufen, würde ich diese Anwendung ausführen. Und dann legen Sie etwas Geometrie für dieses Fenster fest. Was diese Koordinaten tatsächlich tun, die ersten beiden Karten darin von der äußersten linken Ecke. So wird es die 500 Pixel nach unten in 500 Pixel nach links instanziieren. Und dann die nächsten zwei. Es ist die Größe des Fensters, also wird es 200 Pixel breit und 200 Pixel hoch sein. Und ja, nach all dem, also nach dem Erstellen des Fensters und der Untersuchung bindet es in einer Position, die seinen Titel deklariert, und auch das Etikett darin erklärt, das wir auch deklariert haben, ist es positioniert und es Reinigung fixiert. Wir werden die Show-Funktion in diesem Fenster nicht aufrufen, das wir gerade deklariert haben. Und dann werden wir mit der app.use-Funktion ausführen. Und die nachdem all diese Methode geschrieben ist, müssen Sie auch das Thema Rauschen nennen. Daher waren Sie GUI, die sich öffnen sollte, wenn Sie diese Code-Zelle ausführen. Nun, wenn es läuft, ist es im Grunde gerade gestorben, gerade mit einem anderen Python -Skript. Also können wir nicht zu einem Terminal gehen. Und dann C, D, zwei das, dass du abgekratzt wurdest. Mein Fall, Desktop. Und dann können Sie Python sagen. Und dann der Name Ihres Skripts, das GUI dot py ist. Und wenn Sie auf Enter klicken, können Sie sehen, dass es funktioniert hat. Verkaufen Sie auf meiner Ferse Anwendung benötigt 55 Behandlung von Pixeln nach unten in 500 Pixel nach rechts. Der Titel der Anmeldung ist von Kupiec fünf. Und wir haben auch die Arbeit mageres Fleisch, das den Hello World Text enthält. Und wie Sie sehen können, haben wir unsere erste GUI in Python geschrieben, Breite und nicht so viel Aufwand. Sie können es auch ändern, groß, klein, groß in der Taskleiste machen und natürlich auch schließen. Und beim Schließen wird die Anwendung automatisch daran gehindert, zu schreiben. Also denke ich darüber nach für unser erstes grundlegendes Tutorial auf Bracket 25 und deine erste GUI. Inzwischen haben Sie vielleicht einen ziemlich guten Börsengang und wie das funktioniert. Also in den Grundlagen und wie man den 10. installiert. Nur um Ihre erste GUI zu schreiben. Nun, in der nächsten Vorlesung werden wir näher auf einige spezifische Funktionen zu bekommen , die diese zurück jeder GUI-Framework-Code von 25 für Sie zellulär bis zum Ende dieses Kurses haben, werden Sie p gleich, na ja, richtig? Sie sind sehr eigene nützliche GUIs, die Sie für Ihre Windows-Anwendung und das Skript verwenden können , das die GUI I0 von plattformübergreifend enthält. So können Sie sie auf Android oder Microsoft oder solche Dinge verwenden. Vielen Dank, Jungs, dass Sie dieses Tutorial befolgt haben, und ich werde Sie als Nächstes sehen. 4. Qt Designer Übersicht: Hallo Jungs und willkommen zurück zu Lecture 1 pi bis 35. Das Python Framework, das es uns ermöglicht, grafische Benutzeroberflächen mit relativer Leichtigkeit zu erstellen. In diesem Vortrag werden wir ein wenig über die QT Sendung dort diskutieren. Zunächst einmal werde ich mit dem Bad beginnen, wo Sie diese QT-Designer finden können. Also in meinem Fall auf meinem Windows-Rechner, halten Sie das Friedenszeichen oder Punkt-EXE. Schön festgestellt, dass dieses Bad, das ist Benutzer dann AppData Local Packages von God Software Foundation zu 0.9. Und dann die Alkohol-Pakete, BIPAP 39 Website-Pakete, 25 Anwendungen. Und dann B-Zelle, natürlich, das Bad oder es kann von der Spitze etwas komplexer sein. Und deshalb rate ich Ihnen, einfach auf Ihr C-Laufwerk zu gehen und es dann einfach im Suchfeld zu versuchen. Und es wird es schließlich finden, wenn Sie D35 mit der pip installation von Ihrem CMT installiert haben, wie ich Ihnen in einer früheren Vorlesung gezeigt habe. Also warten wir nur einen Moment hier, um Ihnen zu zeigen, dass es weniger Schlaf gibt. Das Such-Tool von Windows, er wird diese UTP-Signer ausführbare Datei früher oder später zu finden. Und Sie können dann einfach mit der rechten Maustaste darauf klicken und eine Verknüpfung erstellen, die Sie auf dem Desktop positionieren können. Und natürlich, Cricket von dort. So haben Sie nicht Q und 30s Login-Komplex Beth, jeder Begriff, den Sie öffnen möchten, den Designer. In der Zwischenzeit, wo dies für ausführbare Dateien sicher ist. Ich werde ein bisschen über den Empfänger reden, und sie wollen es tun. Also jede Zeile, Es ist im Grunde, wie Sie sehen können. Um die Grafik zu machen, sagen Sie, es gibt eine Phrase, die Sie bauen mit Eimer die fünf, sehen Sie einen Ball. Und umso intuitiver für den User Desk, der diese zu einer grafischen Benutzeroberfläche entwickelt. So sieht es im Grunde viel mehr wie Windparks aus. Wenn Sie noch nie zwischen Akkorden gearbeitet haben. Es ist so ziemlich eine grafische Benutzeroberfläche Methode Dinge zu tun, die kein Visual Studio scheinen. Und es ist mit C-Sharp erledigt. Das ist so ziemlich wie der Unterzeichner der Form dort. Also im Grunde erstellen Sie hier ein Formular und Sie können ihm eine Menge Personal zuweisen. Und das Beste daran ist natürlich, aber Sie können sehen, was Sie lesen müssen bis Sie jedes Element genau dort positionieren können, wo Sie es haben möchten. Und natürlich ist es viel einfacher, Gewicht zu verwenden, wenn Sie diese Geschichte in der letzten Vorlesung gemacht hätten wo wir all diese Elemente aus dem Mantel und die Breite Pixel und so etwas positioniert haben. So können Sie sehen, dass der dritte meine EXE hier gefunden hat, können Sie mit der rechten Maustaste auf diese Schulden klicken, klicken Sie auf Dateispeicherort öffnen. Und dann natürlich, erstellen Sie die Ladung hier und kopieren Sie sie dann auf Ihren Desktop. Also denke ich, das ist ziemlich unkompliziert da. Aber einmal geöffnet UND Tor, öffnet es sich. Die seigneur, wie Sie sehen können, die es spricht zu mehreren Teilen. Also zuerst müssen wir finden, wo die Formularansicht, Einstellungen, Fensterhilfe Art des Menüs, das direkt dort verfügbar ist. Hier haben wir natürlich die Möglichkeit, einige Vorlagen auszuwählen und wir haben den Dialog mit Schaltflächen, das ist OK und Abbrechen hartcodiert. Und dann können Sie eine Menge Zeug in den oberen Teil davon eingeben. Wir können diese Tasten haben, ohne Knöpfe ableiten, wir wissen, und das Gewicht tropfen. Und natürlich haben wir hier Jets. Also habe ich die Partitur bereits erstellt. Das ist eine Art schnelle Schaltflächen in der unteren Art der Form. Ich habe gerade auf Erstellen geklickt und diese geöffnet. Sie können diese retten. Natürlich. Ich habe diese Schulden abgekauft. Bei den Signalen. Wir werden über Signale und keine zukünftige Vorlesung sprechen. Wir können es durch die Schrittaufträge hinzufügen und dass wir natürlich auch die Größe unseres Formulars anpassen können . Wir können das ganze Zeug verschieben und deshalb steckt es dort fest, damit Sie den Qt-Designer benutzen können. Wie Sie sehen können, was Sie bewegen. Können Sie nicht mehr visuelle Kontrolle darüber haben, wie Ihr Formular Er wird, wenn Sie es kompilieren. Also hier in der Widget-Box, Es ist ein sehr wichtiger Teil, weil wir ein Layout haben, das Sie natürlich bearbeiten können, aber sie werden dies jetzt nicht tun. Wir haben die Abstandshalter, dann die Knöpfe, wir haben Druckknöpfe, Werkzeugtasten, Radioknöpfe. Also werden wir Taste drücken, Es ist im Grunde wie v sub k oder Schloss. Aber Tool-Taste, es ist etwas, das etwas öffnet. Jetzt Optionsfeld in der Checkbox, ich denke, Sie wissen, was die Kunst die Kunst oben. Atmen Sie viel Zeug, das Sie auswählen können. Das Optionsfeld kann ausgewählt werden. Nur einer. Oh, ein paar. Das Kontrollkästchen, es ist nicht der Fall mit dem Kontrollkästchen. Dann haben wir natürlich die Widgets, die wir Diagramm, am wenigsten Widgets drei, Woche zwei, und so weiter. Ich werde diese jetzt nicht hinzufügen. Wir haben Container-Eingabe, wir erhalten Eingaben von dem Benutzer, der das Formular verwendet. Also haben wir einige Daten, ein Kombinationsfeld, Schriftart, Kombinationsfeld, eine Spur bei EPA Textbearbeitung. Also diese, was sie denken, Sie können Text zu Amy hinzufügen. Und wir hatten einige Display-Widgets. Wir fortschreiten Bars, OpenGL-Widgets und Dinge wie Tod. Nun, wenn Sie diese Elemente öffnen, können Sie im rechten Teil des Bildschirms sehen, zunächst einmal, wir haben mindestens drei von ihnen hier im Objekt überprüft werden und Sie können, natürlich, gefilterte Domain suchen ihren Namen dort. Und natürlich, und auch wir haben die Eigenschaft Editor, die uns zeigen, zeigt uns auf, dass der Informationen über dieses Objekt. Wenn wir zum Beispiel auf dieses Kontrollkästchen klicken, das uns zeigt, ist die Geometrie noch niedrig. Werte in Klammern sind, wo ist die Pulsation? Wo auch immer die def in der linken oberen Ecke, dann haben wir die maximale Größe, minimale Größe. Natürlich, der Cursor, den wir sein wollen, wenn die Konferenz über diese Kontrolle und andere Sachen ist. Wenn Sie möchten, dass es standardmäßig aktiviert wird. Und all die anderen guten Sachen, die ziemlich intuitiv aussehen. Aber natürlich, nach irgendeiner Zeit des Umgangs mit diesem QP neben New York geht Pre-K Frage. Beachten Sie, dass auswendig, aber nur um Ihnen eine breite Präsentation von DOM zu geben, damit Sie wissen, was los ist. Sie können natürlich auch die Schriftart, die Punktgröße, also die Größe der Schriftart und solche Sachen überprüfen . Natürlich können Sie gehen bekommen, um zu überzeugen, dass Sie Wärme sehen können, um die Schriftart in Echtzeit zu ändern. Also, das ist, was ich meine, wenn ich sage, können Sie eine viel bessere visuelle Darstellung Ihrer Form haben, können Sie ein Becherglas bilden, aber dann müssten Sie diesen Raum erwarten. Dann können Sie den Cursor 0,5 dritt Cursor, während die Hälfte über dieses Kontrollkästchen jetzt gelesen. Nun, es repliziert das nicht, aber Sie werden sehen, dass die Web-UI, Doktor, Sie werden sehen, dass wir natürlich den Ressourcen-Browser hier haben. Wir haben noch keine Ressourcen. Wir sehen Slot-Editor Eddie 33, Quell-Browser-Pick. Sie können dort nicht aus dem Setmenü auswählen. Wie gesagt, werde ich Signale ansprechen und die Aktion scheint besser. Vortrag. Aber was ich jetzt tun möchte, ist Ihnen zu zeigen, wie Sie es kompilieren können. Dieses UI-Formular von Python, das ein ziemlich einfacher Prozess ist. Es ist etwas, das Sie vielleicht wissen wollen, wie es geht. Also zuerst werden wir es speichern als und dann untitled UI gesamte gehen, um es zu speichern, nicht zu stoppen. Klicken Sie auf Speichern. Und jetzt ging der Q Peak Designer voran und dokumentierte fünf Desktop. Also im Moment ist es da, die wollten, um diese öffnen Sie Ihre CMP up. Und dann ändern Sie die Verzeichnisse, um zurück zu gehen wo Sie diese Datei in meinen Fällen gespeichert haben, auf dem Desktop. Und dann wollen Sie im Grunde diese UI-Datei drehen , die wir gerade auf Desktop- und Lead-Kampagnen gespeichert haben, dass Dialog, den Sie in der QP sehen, signiert zu einer Python Datei, so dass wir die kompilieren können. Wie werden wir das machen, indem wir dieses AMP-Dokument B Five Xeinpacken dieses AMP-Dokument B Five X und dann werden wir den Namen dieser UI-Datei schreiben. Dark UI, dann Bindestrich, und dann der Name der Pythons, halten Sie gut, 31 nach Geschlecht. Also in meinem Fall möchte ich die Python Datei demo dot py generieren. Also im Moment, wenn wir auf den Desktop gehen, werden Sie sehen, dass die Demo-Punkt-PY-Datei erstellt wird. Vielleicht, wenn wir hoffen, zu treffen, können Sie sehen, dass der Höhepunkt oder Mangel an Sachen hier , die uns helfen werden, den Markt zu verstehen, die fünf im Detail später. Aber im Moment werden wir nicht wollen, um zu sehen, dass Demo Tod tatsächlich entspricht der Benutzeroberfläche, die wir hier Rang gemacht. Also, wie wir das tun würden, ist im Grunde wie die Ausführung eines anderen Python -Skripts. Wir würden nur iPod schreiben. Und dann der Name der diskreten, da wir bereits bei den Python -Skript-Kiddies sind. Also werden wir den Python nicht schreiben und haben Dot Py nicht demontiert. Und wie Sie hier sehen können, UI, dass wir es implementieren, richtig? Also hier können Sie etwas Text schreiben. Hier haben wir Knöpfe, die Dung öffnen sollten, aber offensichtlich tun sie es nicht, nicht, wie ich Ihnen hier gesagt habe, wenn Sie das Kontrollkästchen schweben, unser Stromsektor und zwei über. Und natürlich müssen wir das absagen. Bewahren Sie das nicht auf. Wie Sie hier sehen können, haben Signale zu ihnen zuordnen, um das Ende zu akzeptieren oder abzulehnen. Deshalb, wenn ich auf Abbrechen klicke, der Dialog tatsächlich geschlossen. Dies war also ein ziemlich grundlegender Überblick über das akute D5 GUI Python Framework. Und die, in den nächsten Vorträgen werden einige Dinge im Detail dave. Lichtsignale und Aktionen, die auf einige andere Steuerelemente abzielen und wie Sie Ihr Formular schreiben können, bilden auch den Code, der tatsächlich einige Aktionen abbildet. Führen Sie die Eliten und die Textfelder oder Kontrollkästchen aus, die Sie in dieser Benutzeroberfläche fühlen. Also danke Jungs für das Festhalten bei mir durch dieses Tutorial und ich freue mich wirklich darauf, Sie im nächsten Punkt zu sehen. 5. Layout: Hallo Jungs und willkommen zurück zu diesem Back-UP 50-Tutorial. In diesem Vortrag werden wir Layout-Management diskutieren, wenn es um die grafische Benutzeroberfläche von Python geht , die mit dem Framework Piketty five entwickelt wird. So kann ein GUI-Widget innerhalb des Containerfensters platziert werden , indem seine absoluten Koordinaten angegeben werden, die in Pixeln gemessen werden. Die Koordinaten sind relativ zu den Bemaßungen des Fensters, die durch die eingestellte Geometriemethode definiert werden. Wir haben dies bereits in den vorherigen Vorträgen besprochen , wo ich Ihnen gesagt habe, wie diese Zahlen funktionieren und dass sie relativ zu der AP am meisten links auf Ihrem Bildschirm sind. Daher hat die Methode „Set Geometry“ die Syntax des Widgets, für das Sie die Geometrie festlegen möchten. Dann, dass Satz Geometrie, und dann dauert es vier Parameter. Die ersten beiden sind wie viele Pixel? Zuallererst möchten Sie auf der x-Achse von der äußersten linken Ecke. Und der zweite Parameter ist, wie viele Pixel Sie vom äußersten Viertel wollen. Dann das nächste Wort, die Breite und die Höhe Oktett Widget, das Sie es geben möchten. In dem folgenden Code, den Sie jetzt auf dem Bildschirm sehen, können Sie sehen, dass das Fenster der obersten Ebene ein Fenster von 300 Pixel x 200 Pixel ist. Sie können das auf Zeile 13 sehen. Und es wird an Position 100 x 100 auf Ihrem Monitor angezeigt. Also, wenn wir das jetzt ausführen würden, würden Sie in der Lage zu sehen, dass es ein 100 Pixel von der linken Seite, 100 Pixel nach rechts. Und dann sind es 300 mal 200 oder so. Dies ist, was die Geometriemethode tut. Jetzt wird Druckknopf-Widget im Fenster hinzugefügt. Wie Sie sehen können, habe ich dies zu einem Widget gemacht und es ist auf 50 Pixel in Richtung des rechten Teils des Fensters und 20 Pixel unterhalb der oberen linken Position des Fensters positioniert 50 Pixel in Richtung des rechten Teils des Fensters . Dies geschieht also mit der Move-Methode ist, dass Sie auch auf dem Bildschirm sehen können. Und ein Hinweis hier wäre, dass diese absolute Positionierung jedoch nicht geeignet ist oder aus folgenden Gründen. Zunächst einmal ändert sich die Position des Widgets nicht. Auch wenn dies mit der Größe geändert, mit dieser absoluten Positionierung, dann ist das Aussehen möglicherweise nicht einheitlich auf einem anderen Display und unterschiedlichen Auflösungen. Und auch die Änderung im Layout ist schwierig, da es möglicherweise eine Neugestaltung des gesamten Formulars erforderlich ist. Diese absolute Positionierung ist also wirklich nicht so groß weil sie keine Reaktionsfähigkeit darauf beinhaltet. Jetzt bietet die Piketty API Layoutbasis für elegantere Verwaltung, um die Positionierung von Widgets in diesem Container zu erleichtern. Die Vorteile ihrer Manager gegenüber der absoluten Positionierung sind, dass die Widgets innerhalb des Fensters automatisch in der Größe geändert werden, so weiter. Und Sie können eine Parallele zu jeder Webanwendung reagieren, wenn Sie die Größe des Fensters von Chrome ändern, zum Beispiel, in ich weiß nicht, Responsive Anwendung, Sie können sehen, dass Änderungen vorgenommen werden und Sie können immer noch auf alle Inhalte zugreifen, die würden Xist haben, wenn der Chrome-Browser im Vollbildmodus wäre. Es versichert auch ein einheitliches Erscheinungsbild auf Display-Geräten mit unterschiedlichen Auflösungen in das Hinzufügen von Grinch bewegungsgut, das dynamisch wie möglich ist, ohne neu zu gestalten. Es gibt also viele, wie Sie sehen können, auch die Entitäten, die Layoutklassen, die wir hier besprechen werden. Nun, bevor ich in einige dieser Klassen springen, möchte ich Ihnen auch im QT-Designer in der Widget-Box zeigen. Auf der linken Seite des Bildschirms. Sie haben diese Widget-Box zu spielen und Sie können diese Layouts von hier aus auswählen. Wenn wir Fenster hätten, sind wir hier fertig. Dies ist also der Teil, der behandelt, dass, wenn Sie möchten, dass Ihre GUI zunächst von diesem Design entworfen wird oder nicht, sie tatsächlich dynamisch aus einem Python -Skript direkt stammen. Jetzt ist zumindest der Klasse erreicht. Wir können diskutieren, die in keinem Zusammenhang mit diesem Layout-Management sind die Warteschlangenbox-Layout, die qg Lese-Layout neigen dazu, Layout zu bilden. Nun richtet das Cube-Box-Layout die Widgets vertikal und horizontal aus. Das Warteschlangenraster-Layout präsentiert mit einem Lesen von Zellen in Zeilen und Spalten angeordnet ist, können Sie hier sehen, dies ist die dritte. Und das auch, das Formularlayout ist, Sie können den Letzten hier sehen. Und im Grunde sind diese Basen diese Layouts genau hier erfüllt. Sie können sie entweder dynamisch beschichten, aber indem Sie sie aus Ihrem Python -Skript deklarieren oder die Entlassungen verwenden, die Sie hier sehen. Das q aus dem Layout ist also eine bequeme Möglichkeit, zweispaltige Form zu erstellen , bei der jede Zeile aus einem Eingabefeld besteht, das mit der Beschriftung verknüpft ist. Als Konvention enthält die linke Spalte Beschriftung und die rechte Spalte die Eingabefeldzelle. Nun, im Grunde ist dies der Fall, wo Sie sich auf einer Website anmelden würden und Sie sehen können, dass Label Vorname dazu ist. Und dann haben Sie ein Eingabe-zwei Textfeld, in dem Sie Ihren Namen schreiben können. Dieses Layout-Management kann also sehr nützlich sein, wenn Sie möchten, dass Ihre GUI, die in D5 entwickelt wurde reaktionsfähiger und mehr Nate ist und auch eine professionellere Ästhetik zwei Wochen hat. Jetzt auf einer konkreteren Ebene habe ich drei Python -Skripte hier, die wir betrachten und ein wenig darüber sehen können, wie diese Layout-Verwaltung funktioniert. Sie sind also ziemlich einfach in dem Sinne, dass ich einfach das ganze Skript in die Hauptfunktion gesteckt und gestorben bin, all das Zeug hier deklariert habe. Also zuerst habe ich unsere Anwendung, diese sichere Anwendung erklärt , und dann bekam ich ein Widget. Und dann habe ich drei Tasten, die den Parameter, ihren Namen datieren. Und jetzt die Box, die Box-Layout ist. Und das ist der Teil, der für uns wirklich interessant ist. So erklären wir QH Box-Layout, dass iss gehen, um den Umfang des Fensters zu nehmen. Und es wird ein Objekt erstellen, das an diesen H Box genannt wird, in dieser H Box, Das ist das Layout. Das hat ein Box-Layout. Wir fügen das Widget hinzu, das wir haben. In der Programmiersprache Python. Wir wissen von diesem Parameter genau hier, dass dieses Layout in unserem Fenster sein wird. Und es wird uns dann das Fenster zeigen und es wird dann die App verlassen. Und jetzt lassen Sie uns es in Python ausführen und sehen, wie es aussieht. Wie Sie sehen können, setzt das Box-Layout die Schaltflächen im Grunde direkt nebeneinander. Natürlich könnten sie auch in eine vertikale Position gebracht werden. Das ist also das QH-Box-Layout. Als nächstes gehen wir zum Kriechraster-Layout über. Also wieder, ich habe alles in der Hauptanwendung erklärt. Wir haben also die Q-Anwendung, die keine Parameter annimmt. Dann haben wir ein Widget, das das Thema W hier ist, das ein Objekt des Klassenschlüssels WeChat ist. Und dann die Gier, die wieder als Layoutklassenobjekt instanziiert wird , das den Umfang des Fensters annimmt. Und dann muss ich hier zwingen. Und für jede Iteration wird das Layout das Widget hinzufügen, wenn q Druckknopf, und dass Sie wissen, die beiden Parameter direkt hier. Und dann wird das Fenster angezeigt, und dann die Anwendung XY, gut. Versuchen Sie es. Wenn wir dies nun aus dem Python -Skript ausführen, können Sie sehen, dass das Rasterlayout diese Schaltflächen in Grußform anzeigt. Also I und j wird hier verwendet, um dann die Koordinaten des Bots anzugeben. Also, wie Sie sich vorstellen können, es hat diese eine wird die Koordinaten 0, 0, 0, 1, 0, 2, 1, 0, 11, 12, und dann 200, 21 und 22. Also Schulden, was dieser INJ hier im Add Widget des griechischen Layouts tun. Sie sind Parameter, die die Position der Schaltflächen angeben. Und schließlich werden wir uns hier eine andere Designsache ansehen. Es ist nicht wirklich mit dem Layout verwandt. Ich meine, wir haben auch hier ein Rasterlayout gemacht. Aber hier geht es mehr um die Calder-Center-Themen , die Sie auf Ihre grafische Benutzeroberfläche anwenden können, wenn Sie es mit q p entwickeln, denn das ist auch wichtig, dass Sie Ihre grafische Benutzeroberfläche haben , die neben der Funktionsweise aussieht und wie funktional. Und benutzerfreundlich. Und damit Ihr Benutzer eine gute Benutzererfahrung haben kann. Tun Sie. So. Auch hier haben wir unsere Q-Anwendung und wir werden das Zeug dafür einstellen. Es gibt Fusion. Und dann werden wir eine Warteschlangenpalette deklarieren, die wir später werden, um die Breite unserer Anwendung zu setzen, ist diese kubelet. Und in diesem Gürtel werden wir einige Farben setzen. Zuallererst sollte der Button der Texte schwarz sein. Dann sollte das Fenster schwarz sein. Hintergrund des Fensters sollte schwarz sein, und dann sollte der Becker und Dr. Button großartig sein. Also geben wir die Gelehrten an, wie Sie als süße sehen können, und dann, und dann den Namen der vordefinierten Farbe. Dann machen wir ein Adder, erreichen es, was w sein wird, das wird, das wird unser Fenster sein. Es wird als subcu WeChat deklariert. Dann werden wir die QC wir Layout dieses Fensters als Parameter deklarieren. Und diese Gitter-Layout, werden wir vier Schaltflächen hinzufügen. Wir werden auch festlegen grundlegende kann fest codiert sehen, diesmal ihre Koordinaten im Rasterlayout, und auch halten sie ihre entsprechenden Aufgabentexte, wo sie in unserem Fenster platziert werden. Wir werden als nächstes dieses Fenster anzeigen und dann die App verlassen weiter. Also gerade jetzt, wenn wir dies von Python ausführen, können Sie sehen, dass das Styling einen großen Unterschied darauf machen kann, wie unsere Anwendung am Ende aussehen wird. So können Sie sehen, dass der Hintergrund hier schwarz sein wird. Ich habe auf Zeile 12 angegeben. Der Hintergrund der Tasten wird verrückt in Zeile 13 angegeben werden. Und auch der Schaltflächentext ist schwarz ist in Zeile 11 angegeben. Also all dies geschieht, wie Sie gesehen haben, mit dem Padlet Glas essen mit dem Fahrrad bei D5. Also wieder, das QC Grid Layout hilft uns auch, eine mehr zu haben, aber dorthin schauen in unserer Form. Also danke euch Jungs, dass ihr dieses Tutorial befolgt habt. Ich schätze Ihre Zeit wirklich und ich hoffe, Sie lernen, über den Biss Sie D5 GUI-Framework nachzudenken. Das ist im Grunde so, wie Sie gesehen haben, mit Python Code grafische Benutzeroberflächen zu entwickeln. Also, wenn Sie in der Zukunft gegangen sind, um einige Python Anwendungen zu entwickeln, aber Sie möchten auch, neben dem Skript, das Sie schreiben, eine grafische Benutzeroberfläche zu haben. Für Ihre Benutzer sehen einige Sachen oder natürlich benutzerfreundlich zu sein. Sie haben jetzt eine Alternative, die vollen vier, die ich angeschaut habe. Also werden wir uns während der Vorlesung abstimmen, wo wir über die Zusammenfassung des Frameworks sprechen werden. Aber diese waren im Begriff, Weizen zu essen. Programmieren, DO zeigen Zeug Bar. So zu sagen. Nochmals vielen Dank, und wir freuen uns darauf , euch in den nächsten Tutorial-Symptomen zu sehen. Also in diesem Sommer.