Erstellen Sie schöne Tkinter-GUIs per Drag & Drop in Python

Blog

Erstellen Sie schöne Tkinter-GUIs per Drag & Drop in Python

Erstellen Sie schöne Tkinter-GUIs per Drag & Drop in Python

Logo

Tkinter-Designer

Automatisieren Sie die Tkinter-GUI-Erstellung

Einführung

Tkinter Designer wurde entwickelt, um den GUI-Entwicklungsprozess in Python zu beschleunigen. Es verwendet die bekannte Design-Software Figma um das Erstellen schöner Tkinter-GUIs in Python zum Kinderspiel zu machen.

was ist die Kernelgröße in cnn

Tkinter Designer verwendet die Figma-API, um eine Designdatei zu analysieren und den entsprechenden Code und die Dateien zu erstellen, die für die GUI benötigt werden. Sogar die GUI von Tkinter Designer wird mit Tkinter Designer erstellt.

Tkinter Designer-GUI

☄️ Vorteile von Tkinter Designer

  1. Drag-and-Drop-Schnittstellen
  2. Deutlich schneller als das manuelle Erstellen von Code.
  3. Fähigkeit, schönere Schnittstellen zu erstellen.

Tkinter Designer installieren

git clone https://github.com/ParthJadhav/Tkinter-Designer cd Tkinter-Designer pip3 install -r requirements.txt python3 tkinter_designer.py

⚡️ Mit Tkinter Designer

Die Anweisungen enthalten alle Informationen zur Installation und Verwendung von Tkinter Designer sowie Informationen zur Fehlerbehebung und Meldung von Problemen. Es gibt auch ein Videoformat.

Schau das Video

Lesen Sie die Anweisungen


Wie es funktioniert

Das einzige, was der Benutzer tun muss, ist eine Schnittstelle mit Figma zu entwerfen und dann die URL der Figma-Datei und das API-Token in Tkinter Designer einzufügen.

Tkinter Designer generiert automatisch den gesamten Code und die Bilder, die zum Erstellen der GUI in Tkinter erforderlich sind.

Wie es funktioniert


Beispiele

Die Möglichkeiten mit Tkinter Designer sind endlos, aber hier sind ein paar GUIs, die in Tkinter perfekt repliziert werden können.

Die folgenden sind nicht meine Kreationen.

Registrierungsseite

Beispiel 1

Branding-Seite

Beispiel 2

Frame-Recorder (Mehr Info)

Beispiel 3

wo kann ich mochi kaufen

Vitrine

Wenn Ihre App mit Tkinter Designer erstellt wurde, lassen Sie es mich wissen. Es wird für andere hilfreich sein, weitere Beispiele zu sehen!
(Sehen: Kontaktiere mich )


✅ Figma Design Checkliste (erwähnt im Video und Anweisungen )

  • Hintergrund — sollte |_+_| . heißen (in Figma)
  • Schaltflächen — sollten |_+_| . heißen (in Figma)
    • Fügen Sie beim Erstellen einer Schaltfläche hinter der eigentlichen Schaltfläche ein Rechteck mit derselben Farbe wie die Hintergrundfarbe hinzu.
  • Eintrag — sollte |_+_| . heißen (in Figma)
  • Rechtecke — sollten |_+_| . heißen (in Figma)
  • Text – Der gesamte Text im Design sollte als Text erstellt werden.

Bevor Sie eine Figma-Datei mit Tkinter Designer in Python-Code konvertieren, stellen Sie sicher, dass sowohl die X- als auch die Y-Koordinaten des Rahmens 0 sind.


Kontaktiere mich

Wenn Sie mich kontaktieren möchten, erreichen Sie mich unter Jadhavparth99@gmail.com


Download-Details:

Autor: ParthJadhav
Download-Link: Den Quellcode herunterladen
Offizielle Website: https://github.com/ParthJadhav/Tkinter-Designer
Lizenz: BSD 3-Klausel

#python #tkinter