Les bases d'un interface graphique avec Tkinter

• Documentation officielle :
  • Les interfaces graphiques TK
    • tkinter — interface Python à Tcl/Tk, reprenant quelques références recommandées
    • Python 3 avec Tk intègre également les extensions ttk et tix, ainsi que l'IDE Idle
• Chapitre 8 du livre ”apprendre à programmer avec Python”, de Gérard Swinnen
  • version en wiki
• Tkinter reference: a GUI for Python (online or pdf) by John W. Shipman)
• An Introduction to Tkinter, de Fredrik Lundh (tutoriel Tk)
• An Introduction to Tkinter, sur effbot.org
• Tkinter tutorial, sur python-course.eu
• http://cs.mcgill.ca/~hv/classes/MS/TkinterPres/

tk-00.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-
 
from tkinter import *
 
root = Tk()
w=Label(root, text="Bonjour !")
w.pack()
 
root.mainloop()

L'écriture va s'effectuer sur la console !

tk-01.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-
 
from tkinter import *
 
def action():
    print("Yes, we can !")
 
root = Tk()
#w = Label(root, text="Bonjour!")
#w.pack()
 
b = Button(root,text="Click here !",command=action)
b.pack()
 
root.mainloop()

Pour le placement des composants dans la fenêtre, Tkinter utilise 3 méthodes (pack, grid, place) décrites ici, ou sur eefbot (grid, pack, et place).

On peut mettre un champ d'entrée et y introduire du texte

tk-02.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-
 
from tkinter import *
 
def action():
    print("Yes, we can !")
 
root = Tk()
#w = Label(root, text="Bonjour!")
#w.grid(row=?)
 
champ = Entry(root)
champ.grid(row=0)
 
b = Button(root,text="Click here !",command=action)
b.grid(row=1)
root.mainloop()

En cliquant, on quitte et on écrit le texte rentré (on n'utilise pas la fonction “action”)

tk-03.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-
 
from tkinter import *
 
def action():
    print("Yes, we can !")
    # impression de la valeur du champ
    abcdef = champ.get()
    print(abcdef)
 
root = Tk()
w = Label(root, text="Bonjour!")
w.grid(row=0)
 
champ = Entry(root)
champ.grid(row=1)
 
b = Button(root,text="Click here !",command=action)
b.grid(row=2)
c = Button(root,text="Quit",command=root.quit)
c.grid(row=3)
 
root.mainloop()
 
# éliminer la fenêtre :
root.destroy()

On fait un calcul avec la valeur rentrée, on quitte et on écrit

tk-04.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-
 
from tkinter import *
 
def factorielle(argu):
    # calcul de la factorielle de argu
    a = 1  # a contient une valeur qui va être incrémentée d'une unité à la fois
    b = 1  # contient la factorielle de a-1
    while a <= argu:  # on arrêtera lorsque a sera > argu
        b = b * a
        a = a + 1
    return b
 
def action():
    print("Yes, we can !")
 
root=Tk()
#w=Label(root, text="Bonjour!")
 
champ = Entry(root)
champ.grid(row=0)
 
b = Button(root,text="Click here !",command=root.quit)
b.grid(row=1)
root.mainloop()
 
# lecture de la valeur du champ
texte_n=champ.get()
n = int(texte_n)
print(n, factorielle(n))
# éliminer la fenêtre :
root.destroy()

Ce programme utilise un Label pour afficher le résultat, on ne quitte plus et on peut recalculer sur d'autres valeurs entrées. Il y a un bouton pour terminer.

tk-05.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-
 
from tkinter import *
 
def factorielle(argu):
    # calcul de la factorielle de argu
    a = 1  # a contient une valeur qui va être incrémentée d'une unité à la fois
    b = 1  # contient la factorielle de a-1
    while a<=argu:  # on arrêtera lorsque a sera > argu
        b = b * a
        a = a + 1
    return b
 
def action():
    texte_n = champ.get()
    n = int(texte_n)
    affichefacto.configure(text =str(factorielle(n)))
 
root=Tk()
 
champ = Entry(root)
champ.grid(row=0)
 
b = Button(root,text="Calcule la factorielle",command=action)
b.grid(row=1)
 
affichefacto = Label(root)
affichefacto.grid(row=2)
 
bfin = Button(root,text="Terminer",command=root.quit)
bfin.grid(row=3)
 
root.mainloop()
 
# éliminer la fenêtre après avoir quitté :
root.destroy()

Pour d'autres exemples, voir par exemple :

• http://www.python-course.eu/tkinter_entry_widgets.php

tk_canvas_rectangles_move.py

#! /usr/bin/env python
# -*- coding: utf-8 -*-
# Exemple utilisation du Canvas Tk pour gérer une boite avec couvercle mobile
 
from tkinter import *
 
def move():
    "déplacement du couvercle"
    global hauteur,v
    hauteur = hauteur + v
    if hauteur > 250 or hauteur < 130:
        v = -v
    can.coords(couvercle,100,hauteur-20, 300, hauteur)
    flag=1
    root.after(1,move)		# boucler après 50 millisecondes
 
root = Tk()
can = Canvas( root, width=500, height=400 )
can.pack()
 
can.create_rectangle( 95,100, 100, 355,fill='blue')
can.create_rectangle( 300,100, 305, 355,fill='green')
can.create_rectangle( 100,350, 300, 355,fill='red')
hauteur = 150
couvercle = can.create_rectangle( 100,hauteur-20, 300, hauteur,fill='black')
 
# animation simple:
v = 0.1  # incrément/vitesse verticale
move()
 
can.mainloop()

Pour d'autres exemples, voir par exemple :

• http://www.python-course.eu/tkinter_canvas.php

compteur-01.py

#! /usr/bin/env python
# -*- coding: utf-8 -*-
# Exemple d'une étiquette dynamique par récursion
 
import tkinter as tk
 
def compteur_label(lab):
    def compte():
        global compteur
        compteur += 1
        lab.config(text=str(compteur))
        lab.after(1000, compte)
    compte()
 
 
root = tk.Tk()
root.title("Comptage en secondes")
label = tk.Label(root, fg="dark green")
label.pack()
compteur = -1 
compteur_label(label)
button = tk.Button(root, text='Arrêtez !', width=25, command=root.destroy)
button.pack()
root.mainloop()

points_souris-02.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-
# créer des points à l'aide de la souris
# refs : 
# http://effbot.org/tkinterbook/tkinter-events-and-bindings.htm
 
from tkinter import *
 
def point(event):
	can.create_oval(event.x-4, event.y-4, event.x+4, event.y+4, outline="black", fill="red")
	points.append([event.x,event.y])
	return
 
root = Tk()
root.title("Créer des points !")
points = []
can = Canvas(root, bg="grey", width=640, height= 480)
can.configure(cursor="crosshair")
can.grid(row=0)
can.bind("<Button-1>", point)
b = Button(root,text="Quitter",command=root.destroy)
b.grid(row=1)
root.mainloop()
print(points)

Pour la gestion des événements, leur déclenchement, voir par exemple cette page.

radiobuttons.py

#! /usr/bin/env python
# -*- coding: utf-8 -*-
# Exemple d'utilisation des boutons radio
 
import tkinter as tk
 
def affiche_choix():
    i = v.get()
    print(i, positions[i-1][0])
 
root = tk.Tk()
v = tk.IntVar()
v.set(1)  # choix par défaut
 
positions = [("ortho",1),("meta",2),("para",3)]
 
lab = tk.Label(root, text="Choix de la position", fg="dark blue")
lab.pack()
 
for txt, val in positions:
    b = tk.Radiobutton(root, text=txt, padx = 10, variable=v, command=affiche_choix, value=val)
    b.pack()
 
tk.mainloop()

checkbuttons-03.py

#! /usr/bin/env python
# -*- coding: utf-8 -*-
# Exemple d'utilisation des cases à cocher
 
import tkinter as tk
 
def affiche_choix():
    print(zip(elements, [etats[i].get() for i in range(len(elements))]))
    print(elements, [etats[i].get() for i in range(len(elements))])
 
root = tk.Tk()
lab = tk.Label(root, text="Cochez les éléments présents", bg="red", fg="dark blue")
lab.grid(row = 0)
 
elements = ['C','H','O','N','P','S',u'éléments métalliques',u'halogénures',u'autres']
etats = []
nelem = len(elements)
 
for i in range(nelem):
    etat = tk.IntVar()
    caco = tk.Checkbutton(root, text=elements[i], variable=etat,width = 20,padx=50,anchor = tk.W)
    caco.grid(row = i+1)
    etats.append(etat)
 
button = tk.Button(root, text='Affichez !', width=25, command=affiche_choix)
button.grid(row = nelem+1)
 
tk.mainloop()

(à écrire)

Télécharger l'image exemple au format png dans le même répertoire que le programme python

image_import-01.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-
"""
insert a PNG image into a python tkinter window
image png : https://upload.wikimedia.org/wikipedia/commons/c/c0/Wikipedia-sipi-image-db-mandrill-4.2.03-quantize-only-CCC.png
cf. https://commons.wikimedia.org/wiki/File:Wikipedia-sipi-image-db-mandrill-4.2.03-quantize-only-CCC.png
"""
 
import tkinter as tk
 
root = tk.Tk()
img = tk.PhotoImage(file = "mandrill.png")
label = tk.Label(root, image = img)
#label.pack()
label.grid()
root.mainloop()

• Image utilisée historiquement fréquemment en traitement d'images : https://en.wikipedia.org/wiki/Lenna
  • Campagne de modification de cet usage + https://www.losinglena.com/
• Base d'images pour test : http://sipi.usc.edu/database/ - exemple :
  • http://sipi.usc.edu/database/database.php?volume=misc&image=10#top
  • https://commons.wikimedia.org/wiki/File:Wikipedia-sipi-image-db-mandrill-4.2.03-quantize-only-CCC.png

Voici une liste et des liens vers des exemples pour d'autres widgets :

Références et démonstrations :

• http://www.shido.info/py/python6_e.html
• http://pythonfacile.free.fr/python/demotkinter.html
• http://tkinter.unpythonic.net/wiki/A_tour_of_Tkinter_widgets
• http://pyinmyeye.blogspot.be/2012/07/tkinter-demos.html

• Mastermind

• GitHub - TomSchimansky/CustomTkinter: A modern and customizable python UI-library based on Tkinter
  • Modern GUI using Tkinter. There are two things to remember: | by Fareed Khan | Medium
  • How to make calculator with CustomTkinter - DEV Community 👩‍💻👨‍💻
  • Developing a QR Code Generator App in Python Teoman Berkay Ayaz, Dec 2022, Better Programming
  • CustomTkinter: Modern and customizable Ui across platforms : Python

• ttkbootstrap a supercharged theme extension for tkinter that enables on-demand modern flat style themes inspired by Bootstrap