Gérer les interfaces graphiques avec Tkinter

Gérer les interfaces graphiques avec Tkinter | Med Learning

Leçon 1

La programmation événementielle

La plus petite application Tkinter

python

import tkinter as tk

fenetre = tk.Tk()                      # la fenêtre principale (un objet)
fenetre.title("Ma première fenêtre")
fenetre.geometry("320x120")            # largeur x hauteur

message = tk.Label(fenetre, text="Bonjour M103 !", font=("Arial", 16))
message.pack(pady=20)                  # placer le widget

fenetre.mainloop()                     # boucle principale : attend les événements

Leçon 2

Les widgets principaux

Widget	Rôle	Exemple
`Label`	texte ou image non modifiable	`tk.Label(f, text="Nom :")`
`Button`	bouton cliquable	`tk.Button(f, text="OK", command=valider)`
`Entry`	champ de saisie sur une ligne	`champ = tk.Entry(f)` ; `champ.get()`
`Text`	zone de texte sur plusieurs lignes	`tk.Text(f, height=5)`
`Listbox`	liste d'éléments sélectionnables	`liste.insert(tk.END, "Sara")`
`Checkbutton`	case à cocher	avec une `tk.BooleanVar()`
`Radiobutton`	bouton radio	plusieurs partagent une `tk.StringVar()`
`Frame`	cadre qui regroupe d'autres widgets	`cadre = tk.Frame(f)`
`messagebox`	boîte de dialogue	`messagebox.showinfo("Titre", "Texte")`

Leçon 3

Placer les widgets

Gestionnaire	Principe	Usage
`pack()`	empile les widgets (haut, bas, gauche, droite)	interfaces simples
`grid(row=, column=)`	place les widgets dans une grille de lignes et colonnes	formulaires
`place(x=, y=)`	position exacte en pixels	rarement : ne s'adapte pas

Leçon 4

Les événements

Écriture	Effet
`command=fonction`	appelle la fonction au clic (sans parenthèses !)
`widget.bind("<Return>", f)`	appelle `f(event)` quand on appuie sur Entrée
`"<Button-1>"`, `"<KeyPress>"`, `"<Double-Button-1>"`	clic gauche, touche, double-clic

Leçon 5

Une interface graphique orientée objet

Travaux pratiques

La liste de stagiaires

Exercices

Exercice 9.1

Choisis la bonne réponse

1Tkinter est…
2La méthode qui lance la boucle des événements est…
3Pour lire le texte d'un Entry :
4Le gestionnaire idéal pour un formulaire est…
5Pour associer une fonction au clic d'un bouton :
6Dans un même conteneur, on peut mélanger pack et grid…

0/6 répondues

Exercice 9.2

Le convertisseur

L'essentiel du chapitre

À retenir

Programmation événementielle : le programme attend des événements ; mainloop().
tk.Tk() (fenêtre), Label, Button(command=f), Entry (get()), Text, Listbox, Checkbutton, Radiobutton, Frame, messagebox.
Placement : pack(), grid(row, column) (formulaires), place() ; un seul gestionnaire par conteneur.
Événements : command=fonction (sans parenthèses), bind("<Return>", f).
Une GUI professionnelle est une classe (souvent class App(tk.Tk)) qui utilise des classes métier séparées.

Un bouton, un champ et un événement clavier

python

import tkinter as tk
from tkinter import messagebox

def saluer(event=None):                       # event : pour l'appel par une touche
    nom = champ.get().strip()
    if not nom:
        messagebox.showwarning("Attention", "Entre ton prénom.")
        return
    resultat.config(text=f"Bonjour {nom} !")

fenetre = tk.Tk()
fenetre.title("Salutation")

tk.Label(fenetre, text="Prénom :").grid(row=0, column=0, padx=5, pady=5)
champ = tk.Entry(fenetre)
champ.grid(row=0, column=1, padx=5, pady=5)
tk.Button(fenetre, text="Saluer", command=saluer).grid(row=1, column=0, columnspan=2)
resultat = tk.Label(fenetre, text="")
resultat.grid(row=2, column=0, columnspan=2, pady=5)

champ.bind("<Return>", saluer)               # la touche Entrée déclenche saluer()
fenetre.mainloop()

Une application bancaire graphique

python

import tkinter as tk
from tkinter import messagebox

class SoldeInsuffisant(Exception):
    pass

class Compte:
    def __init__(self, numero, solde=0):
        self.numero = numero
        self.solde = solde

    def deposer(self, montant):
        if montant <= 0:
            raise ValueError("Le montant doit être positif.")
        self.solde += montant

    def retirer(self, montant):
        if montant <= 0:
            raise ValueError("Le montant doit être positif.")
        if montant > self.solde:
            raise SoldeInsuffisant(f"Solde disponible : {self.solde:.2f} DH")
        self.solde -= montant

class ApplicationBanque(tk.Tk):                     # hérite de la fenêtre Tk
    def __init__(self, compte):
        super().__init__()
        self.compte = compte                         # composition : l'interface utilise un Compte
        self.title(f"Compte {compte.numero}")
        self.creer_widgets()
        self.actualiser()

    def creer_widgets(self):
        self.label_solde = tk.Label(self, font=("Arial", 16))
        self.label_solde.grid(row=0, column=0, columnspan=2, pady=10)
        tk.Label(self, text="Montant :").grid(row=1, column=0, padx=5)
        self.champ = tk.Entry(self)
        self.champ.grid(row=1, column=1, padx=5)
        tk.Button(self, text="Déposer", command=self.deposer).grid(row=2, column=0, pady=10)
        tk.Button(self, text="Retirer", command=self.retirer).grid(row=2, column=1, pady=10)

    def lire_montant(self):
        return float(self.champ.get().replace(",", "."))

    def deposer(self):
        self.operation(self.compte.deposer)

    def retirer(self):
        self.operation(self.compte.retirer)

    def operation(self, methode):
        try:
            methode(self.lire_montant())
        except ValueError as e:
            messagebox.showerror("Erreur", str(e) or "Montant invalide.")
        except SoldeInsuffisant as e:
            messagebox.showwarning("Refusé", str(e))
        else:
            self.champ.delete(0, tk.END)
        self.actualiser()

    def actualiser(self):
        self.label_solde.config(text=f"Solde : {self.compte.solde:.2f} DH")

if __name__ == "__main__":
    ApplicationBanque(Compte("MA001", 1000)).mainloop()