Discussion :

[sancho.poncho]

Bonjour,

J'essaie désespérément de mettre un bouton dans un cadre mais je n'y arrive pas et je ne vois pas où se trouve le problème :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
from tkinter import *
 
fenetre = Tk()
 
cadre = Frame(fenetre, bg='green', width=300, height=200)
cadre.pack()
 
bouton =Button(cadre, text='Bouton')
bouton.pack()
 
fenetre.mainloop()

Pourriez-vous me dire ce qui ne va pas?

Par avance merci.

[afranck64]

Y a t-il reellement un soucis avec ce code?
Il fonctionne tres bien et est super rapide

Dans quoi est-il exécuté?

[PauseKawa]

Bonjour,

Pas de souci avec ce code.
rajoutez du padx/pady et vous verrez que votre Button est bien dans la Frame.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

bouton.pack(padx=10, pady=10)

Pour rappel la géométrie du Widget Frame est de 0x0 lors de sa création et il s'étire au besoin de son contenu.

@+

[PauseKawa]

Note:

Vous pouvez aussi empêcher la propagation du pack au Widget Frame

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
from tkinter import *
 
fenetre = Tk()
fenetre.pack_propagate(0)
 
cadre = Frame(fenetre, bg='green', width=300, height=200)
cadre.pack(fill=BOTH, expand=Y)
 
bouton = Button(cadre, text='Bouton')
bouton.pack()
 
fenetre.mainloop()

[sancho.poncho]

Bonjour à tous les deux et merci pour vos réponses.

PauseKawa, vous avez su comprendre mon problème car, en fait, je pensais que la Frame n'existait pas puisque je ne voyais pas apparaître de cadre vert autour du bouton.

Mais j'avoue ne pas comprendre complétement car dans ce premier cas le cadre apparaît bien en vert suivant les dimensions 300x200:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
from tkinter import *
 
fenetre = Tk()
 
cadre = Frame(fenetre, bg='green', width=300, height=200)
cadre.pack()
 
fenetre.mainloop()

... mais lorsque je rajoute le bouton dans le cadre grâce aux deux lignes suivantes alors le cadre se "réduit" autour du bouton:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
bouton =Button(cadre, text='Bouton')
bouton.pack()

Ce que je ne comprends pas c'est que dans le premier cas, la fenêtre se redimensionne autour du cadre, mais lorsqu'on rajoute un bouton dans le cadre alors la fenêtre se redimensionne autour du bouton sans plus s'occuper du cadre.

En fait, ce que je voudrais c'est faire apparaître un cadre vert de 300x200 avec un bouton dans ce cadre... et je ne vois pas comment faire.

[PauseKawa]

Le Widget Frame est un conteneur (LE conteneur par défaut).
Lorsque l'on mets des Widgets dans un Widget sa géométrie "s'adapte" à son contenu, c'est la propagation (valable pour grid/pack).
Comme déjà dit vous pouvez annuler cette 'propagation' avec .pack_propagate(0) (.grid_propagate(0)), que vous pouvez appliquer à la Frame seulement suivant votre besoin.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
from tkinter import *
 
fenetre = Tk()
 
cadre = Frame(fenetre, bg='green', width=300, height=200)
cadre.pack(fill=BOTH, expand=Y)
cadre.pack_propagate(0)
 
bouton = Button(cadre, text='Bouton')
bouton.pack()
 
fenetre.mainloop()

Ceci dit cela est applicable dés que l'on insere un Widget dans un autre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
from tkinter import *
 
fenetre = Tk()
cadre = Canvas(fenetre, bg='green', width=300, height=200)
cadre.pack()
fenetre.mainloop()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
from tkinter import *
 
fenetre = Tk()
cadre = Canvas(fenetre, bg='green', width=300, height=200)
cadre.pack()
Button(cadre, text='Bouton').pack()
fenetre.mainloop()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
from tkinter import *
 
fenetre = Tk()
cadre = Canvas(fenetre, bg='green', width=300, height=200)
cadre.pack()
cadre.pack_propagate(0)
Button(cadre, text='Bouton').pack()
fenetre.mainloop()

Si le Widget ne contient pas d'autres Widgets la propagation n'as pas lieu.

L'annulation de la propagation ne concerne que le 'contenue' du Widget.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
from tkinter import *
 
fenetre = Tk()
cadre = Canvas(fenetre, bg='green', width=300, height=200)
cadre.pack()
cadre.pack_propagate(0)
Button(cadre, text='Bouton').grid(row=0, column=0)
fenetre.mainloop()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
from tkinter import *
 
fenetre = Tk()
cadre = Canvas(fenetre, bg='green', width=300, height=200)
cadre.pack()
cadre.grid_propagate(0)
Button(cadre, text='Bouton').grid(row=0, column=0)
fenetre.mainloop()

@+

[sancho.poncho]

Ca y est, j'ai compris!

En fait, je bloquais car je pensais que seule la fenêtre principale adaptait sa taille par propagation alors que, comme vous l'avez expliqué, ce sont tous les "Widgets contenants" tels que Frame et Canvas qui adaptent leurs dimensions aux Widgets qu'ils contiennent...

Merci infiniment pour toutes vos explications limpides et très détaillées ainsi que pour le temps que vous avez consacré à répondre à mes questions.

Je vous souhaite une très bonne fin de semaine PauseKawa ainsi qu'à tous.

[PauseKawa]

Une petite précision toutefois ():
J'ai utiliser un Canvas et c'est une mauvais exemple car la Canvas ne gère pas son contenu comme un Frame ou un Label.
Pour positionner un Widget dans un Canvas on n'utilise pas de gestionnaire de géométrie (pack/grid/place) mais .create_window() (.window_create() pour Text, cela correspond à 1 caractère) ce qui identifie le Widget comme un élément du Canvas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
from tkinter import *
 
fenetre = Tk()
cadre = Canvas(fenetre, bg='green', width=300, height=200)
cadre.pack()
button = Button(cadre, text='Bouton')
cadre.create_window(150, 100, window=button)
fenetre.mainloop()

C'est ce qui est utiliser ici par exemple.

@+

[PauseKawa]

Trois petites notes:

Vous remarquerez avec l'exemple du Canvas et .create_window() que c'est l'utilisation d'un gestionnaire de géométrie (pack/grid) au sein d'un Widget qui fait la propagation.

Contrairement à pack (qui utilise, pour simplifier, une géométrie haut/droite/gauche/bas > pack(side=*)) et grid (qui lui quadrille le Widget > grid(row=*, column=*)) place n'as pas de propagation. C'est normal car il positionne le Widget avec des coordonnées.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
from tkinter import *
 
fenetre = Tk()
cadre = Frame(fenetre, bg='green', width=300, height=200)
cadre.pack()
button = Button(cadre, text='Bouton')
button.place(x=100, y=100)
fenetre.mainloop()

Voir ici par exemple.

Le choix de gérer le contenant par rapport à son contenu est une bonne chose. Cela permets d’harmoniser l'interface vis à vis des éléments externes (taille de police de caractère etc)

@+

[sancho.poncho]

Ah oui, l'utilisation d'un .create_window() semble plus facile et évite les problèmes de propagation lorsqu'on place un Widget dans un Canvas, mais ce que vous avez dit reste vrai globalement - y compris pour le Canvas:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
from tkinter import *
 
fenetre = Tk()
 
cadre = Canvas(fenetre, bg='green', width=300, height=200)
cadre.pack(fill=BOTH, expand=Y)
cadre.pack_propagate(0)
 
button = Button(cadre, text='Bouton')
button.pack()
 
fenetre.mainloop()

"Le choix de gérer le contenant par rapport à son contenu est une bonne chose. Cela permets d’harmoniser l'interface vis à vis des éléments externes (taille de police de caractère etc)"

C'est vrai que ça semble beaucoup mieux de gérer le contenant par rapport à son contenu mais parfois les pack et les grid sont peu souples.
Par exemple, je ne vois pas comment mettre 2 boutons l'un à côté de l'autre en bas du cadre avec ces 2 méthodes... à moins évidemment de recréer un nouveau Frame dans le premier Frame et de mettre les 2 boutons dans ce second Frame.

[PauseKawa]

C'est vrai que ça semble beaucoup mieux de gérer le contenant par rapport à son contenu mais parfois les pack et les grid sont peu souples.
Par exemple, je ne vois pas comment mettre 2 boutons l'un à côté de l'autre en bas du cadre avec ces 2 méthodes... à moins évidemment de recréer un nouveau Frame dans le premier Frame et de mettre les 2 boutons dans ce second Frame.

Il vous manque juste quelques infos.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
from tkinter import *
 
fenetre = Tk()
cadre = Frame(fenetre, bg='green', width=300, height=200)
cadre.pack(fill=BOTH, expand=Y)
cadre.grid_propagate(0)
cadre.rowconfigure(0, weight=1)
cadre.columnconfigure(0, weight=1)
Button(cadre, text='Bouton1').grid(row=1, column=0)
Button(cadre, text='Bouton2').grid(row=1, column=1, sticky=N+S+W+E)
fenetre.mainloop()

A vous de chercher dans la doc

[sancho.poncho]

Effectivement, il me manque quelques infos... et c'est un euphémisme

Mais grâce à des personnes comme vous des gens comme moi réussissent à progresser grandement (en tout cas à leur humble niveau).

Je vous remercie sincèrement pour votre aide et vos conseils PauseKawa et je vous souhaite une très bonne soirée.