Guide convivial pour l'utilisation du gestionnaire de grille Tkinter

Si tu cherches un moyen de concevoir efficacement tes applications Tkinter, le Grid-Manager est l'outil idéal pour toi. Avec lui, tu peux organiser ton interface graphique (GUI) en une grille, créant ainsi une application structurée et bien ordonnée. Dans ce guide, tu découvriras étape par étape comment utiliser le gestionnaire de géométrie Grid pour disposer tes widgets correctement et améliorer l'expérience utilisateur.

Principales conclusions

• Le gestionnaire Grid permet de disposer facilement des widgets dans une grille à deux dimensions.
• Chaque widget est positionné par lignes (rows) et colonnes (columns).
• Tu peux personnaliser le gestionnaire Grid pour créer différents agencements, comme fusionner des colonnes ou organiser des éléments sur plusieurs lignes et colonnes.

Guide étape par étape

Étape 1: Configuration de ton application Tkinter

Pour commencer avec le gestionnaire Grid, commence par créer un nouveau script Python. Nomme-le par exemple GridManager.py. Importe la bibliothèque Tkinter en ajoutant le code suivant.

from tkinter import *

Maintenant, tu initialises ta fenêtre principale.

root = Tk()

Étape 2: Créer des étiquettes et des champs de saisie

Ajoute deux étiquettes et les champs de saisie correspondants. La première étiquette devrait contenir le texte « Prénom », et le champ de saisie doit être placé à côté de cette étiquette.

label1 = Label(root, text="Prénom")
label1.grid(row=0, column=0)

entry1 = Entry(root) entry1.grid(row=0, column=1)

La deuxième étiquette sera utilisée pour le « Nom de famille », et le champ de saisie sera placé sous la première étiquette.

label2 = Label(root, text="Nom de famille")
label2.grid(row=1, column=0)

entry2 = Entry(root) entry2.grid(row=1, column=1)

Étape 3: Ajouter un bouton de sélection

Pour affiner davantage la mise en page, nous allons ajouter un bouton de sélection. Celui-ci sera positionné dans la ligne suivante. Ici, l'attribut sticky peut être utilisé pour aligner le bouton à gauche.

checkbutton = Checkbutton(root, text="J'accepte les conditions.")
checkbutton.grid(row=2, column=0, columnspan=2, sticky=W)

Étape 4: Ajouter une image

Il est maintenant temps d'ajouter une image. L'image sera placée dans la première ligne de la troisième colonne et doit s'étendre sur deux colonnes et deux lignes. Pour cela, on utilise les paramètres rowspan et columnspan.

image = PhotoImage(file="bild.png")
image_label = Label(root, image=image)
image_label.grid(row=0, column=2, rowspan=2, columnspan=2, sticky='nsew', padx=3, pady=3)

Étape 5: Ajouter des boutons

Ajoutons maintenant deux boutons à l'interface utilisateur. Le premier bouton sera positionné dans la troisième ligne de la troisième colonne.

button1 = Button(root, text="Bouton 1")
button1.grid(row=2, column=2)

Le deuxième bouton doit être placé dans la même ligne, mais dans la quatrième colonne.

button2 = Button(root, text="Bouton 2")
button2.grid(row=2, column=3)

Étape 6: Affiner la mise en page

Pour augmenter l'espace entre les boutons, tu peux utiliser les attributs padx et pady. Ici, un espace supplémentaire de 2 pixels est ajouté pour séparer visuellement les boutons.

button1.grid(padx=2, pady=2)
button2.grid(padx=2, pady=2)

Étape 7: Lancer la boucle principale

Pour faire fonctionner l'application, tu dois exécuter la commande mainloop().

root.mainloop()

Résumé

Dans ce guide, tu as appris à utiliser le gestionnaire Grid dans Tkinter pour créer et disposer efficacement des widgets. Tu as créé des étiquettes, des champs de saisie, des boutons et des boutons de sélection et les as intégrés dans une mise en page structurée. La gestion des attributs rowspan, columnspan et sticky t'offre de nombreuses possibilités pour concevoir ton interface utilisateur selon tes préférences.