Desktop-GUIs mit Tkinter & OOP 🖥️✨

1. Vom Terminal zur grafischen Oberfläche (GUI)

Bisher liefen all deine Python-Programme linear im schwarzen Terminal ab: Text einlesen mit input(), Text ausgeben mit print(). Echte Desktop-Software (wie Spotify, VS Code oder ein Taschenrechner) funktioniert jedoch völlig anders: Sie besitzt ein Fenster, das geduldig auf Mausklicks und Tastatureingaben wartet.

Der Herzschlag einer GUI: Der Event-Loop

Ein GUI-Programm beendet sich nicht sofort, sondern übergibt die Kontrolle an root.mainloop():

import tkinter as tk

root = tk.Tk()                      # 1. Hauptfenster erzeugen
root.title("Mein erstes GUI-Fenster")  # 2. Fenstertitel festlegen
root.geometry("400x300")             # 3. Fenstergröße (Breite x Höhe)

label = tk.Label(root, text="Hallo Welt! 👋", font=("Arial", 16))
label.pack(pady=20)                  # 4. Widget im Fenster platzieren

root.mainloop()                     # 5. Ereignisschleife starten (wartet auf Events)

2. Bausteine einer GUI: Die wichtigsten Widgets

In Tkinter heißen alle visuellen Bedienelemente Widgets (Window Gadgets). Jedes Widget ist ein Python-Objekt, das wir in unserem Fenster platzieren können:

3. Layout-Manager: Das 2D-Grid-System (Raster)

Widgets müssen auf dem Bildschirm positioniert werden. Der mächtigste und sauberste Layout-Manager in Tkinter ist grid(). Er teilt den Raum wie eine Excel-Tabelle oder ein Schachbrett in Zeilen (row) und Spalten (column) ein:

4. Event-Driven Programming: Was geschieht beim Klick?

Wenn der Benutzer auf einen Button klickt, soll ein Stück Code ausgeführt werden. In Tkinter übergeben wir dafür das command-Attribut:

# ✅ RICHTIG: Nur den Methodennamen übergeben (OHNE Klammern!)
self.btn_plus = tk.Button(self.root, text="➕", command=self.klick_plus)

# ❌ FALSCH: Mit Klammern wird die Methode SOFORT beim Erstellen aufgerufen!
self.btn_plus = tk.Button(self.root, text="➕", command=self.klick_plus())

5. Saubere Software-Architektur: Model-View-Trennung (MVC) 🏛️

In der professionellen Entwicklung schreibt man GUI-Apps niemals als wilden Spaghetticode, sondern trennt die Logik (Berechnung & Daten) strikt von der Präsentation (Fenster & Buttons):

class ZaehlerApp:
    def __init__(self, root: tk.Tk):
        self.root = root
        self.root.title("Python Zähler")
        
        # 1. Datenmodell einbinden
        self.logik = ZaehlerLogik()

        # 2. Widgets erstellen
        self.label_anzeige = tk.Label(self.root, text="0", font=("Arial", 32))
        self.label_anzeige.grid(row=0, column=0)

        self.btn_plus = tk.Button(self.root, text="➕", command=self.klick_plus)
        self.btn_plus.grid(row=1, column=0)

    def klick_plus(self) -> None:
        self.logik.erhoehen()
        self.aktualisiere_anzeige()

    def aktualisiere_anzeige(self) -> None:
        self.label_anzeige.config(text=str(self.logik.wert))

6. 🎯 Deine Aufgaben in aufgabe.py

Öffne die Datei aufgabe.py und implementiere die Klassen Schritt für Schritt:

• TODO 1 (Logik-Init): ZaehlerLogik.__init__ mit startwert, min_wert, max_wert, schrittweite=1 und klick_anzahl=0.
• TODO 2 (Rechnen & Grenzen): erhoehen(), verringern() (Grenzwerte mit min() / max() einhalten!) und zuruecksetzen().
• TODO 3 (Zusatz-Logik): setze_schrittweite(schritt) (nur wenn schritt > 0), ist_gerade() und Dunder __str__().
• TODO 4 (GUI-Aufbau): ZaehlerApp.__init__ (Fenstertitel, Geometrie, Instanziierung von ZaehlerLogik, Widgets erstellen und im Grid platzieren).
• TODO 5 (Event-Handler): Methoden klick_plus, klick_minus, klick_reset und klick_schritt_setzen mit Fehlerbehandlung für Entry.
• TODO 6 (Display-Sync): aktualisiere_anzeige() zur Aktualisierung der Labels label_anzeige und label_info.

💡 Lösungshinweise (Aufklappen bei Bedarf)

# Erhöhen mit oberer Grenze:
self.wert = min(self.max_wert, self.wert + self.schrittweite)

# Verringern mit unterer Grenze:
self.wert = max(self.min_wert, self.wert - self.schrittweite)

eingabe = self.entry_schritt.get().strip()
try:
    neuer_schritt = int(eingabe)
    if self.logik.setze_schrittweite(neuer_schritt):
        self.aktualisiere_anzeige()
    else:
        self.label_info.config(text="⚠️ Schrittweite muss > 0 sein!")
except ValueError:
    self.label_info.config(text="⚠️ Bitte eine ganze Zahl eingeben!")

7. 🧪 Lösung überprüfen & Starten

1. Automatische Tests ausführen:

python3 test_aufgabe.py

2. Fertige grafische Applikation starten:

python3 gui_app.py

🧠 Diagnostischer Selbst-Check

Überprüfe dein Verständnis der Kernkonzepte und typischen Denkfallen, bevor du den Code in der Web-IDE schreibst.