Discussion :

[4nico20]

Bonjour j'utilise souvent .grid() pour l'inferface graphique mais j'ai un projet ou je dois utilisé .pack()

Code :

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

1
2
self.frame_resultat #correspond a la zone bleu
self.frame_parametre #correspond aux zones rouges

Voici mon bout de code avant mon probleme:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
        self.i = 0
        for ligne in range(len(self.liste_nom_colonne) // 6):
            self.frame_parametre = Frame(self.frame_resultat, bg='red')
            self.liste_frame_parametre.append(self.frame_parametre)
            self.frame_parametre.pack(fill='x', side='left', anchor='n', expand='true')
 
            for colonne in range(6):
                self.stringvar_parametre = StringVar(value='{}'.format(self.liste_contenu_parametre_txt_bis[self.i]))
                self.liste_contenu_parametre_txt_ter.append(self.stringvar_parametre)
                self.check_button_parametre = Checkbutton(self.frame_parametre,
                                                          text=self.liste_contenu_parametre_txt[self.i],
                                                          offvalue='n', onvalue='o', bg='#F1F8E0',
                                                          variable=self.stringvar_parametre)
                self.check_button_parametre.pack(side='top', anchor='w', pady=5)
                self.i += 1

J'aimerai rajouter un bouton qui prendre toute la longueur en dessous des zones rouges
Voici mon nouveau code (il y a juste les 2 dernières lignes en plus)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
        self.i = 0
        for ligne in range(len(self.liste_nom_colonne) // 6):
            self.frame_parametre = Frame(self.frame_resultat, bg='red')
            self.liste_frame_parametre.append(self.frame_parametre)
            self.frame_parametre.pack(fill='x', side='left', anchor='n', expand='true')
 
            for colonne in range(6):
                self.stringvar_parametre = StringVar(value='{}'.format(self.liste_contenu_parametre_txt_bis[self.i]))
                self.liste_contenu_parametre_txt_ter.append(self.stringvar_parametre)
                self.check_button_parametre = Checkbutton(self.frame_parametre,
                                                          text=self.liste_contenu_parametre_txt[self.i],
                                                          offvalue='n', onvalue='o', bg='#F1F8E0',
                                                          variable=self.stringvar_parametre)
                self.check_button_parametre.pack(side='top', anchor='w', pady=5)
                self.i += 1
 
        self.bouton_parametre_enregistrer = Button(self.frame_resultat, text='Enregistrer')
        self.bouton_parametre_enregistrer.pack(fill='x', side='bottom')

Le bouton s'ajoute a droite des frames rouges mais pas en dessous, voila voila merci bien pour votre aide

[wiztricks]

Salut,

Créer 2 Frame et un Button pour reproduire le problème est un bon début pour comprendre ce qu'il se passe (et poster un code qui permette de reproduire ce que vous voyez).

Pour le reste, vu la structure de l'interface, si on veut utiliser "pack" et s'interdire "grid"... Il faut faire le petit exemple mentionné et voir les paramètres sur lesquels jouer pour y arriver (avec le nez dans la documentation pour vérifier la cohérence de ce qu'il se passe vs ce qui y est raconté).

D'expérience, je dirais que c'est du côté des "side" que ça se joue... mais je n'ai pas testé.

- W

[4nico20]

Oui en effet peut etre mettre un code qui marche pour tous, beh voila jai fais un petit truc pour representé mon probleme donc ca serai les lignes 27 et 28 qui 'bloque'

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
from tkinter import *
 
class Test():
    def __init__(self):
        self.liste_test = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r',
                           's', 't', 'u', 'v', 'w', 'x', 'y']
        self.fenetre = Tk()
        self.fenetre.minsize(500,300)
        self.frame1 = Frame(self.fenetre, bg='blue')
        self.test()
        self.mainloop()
 
    def test(self):
        self.frame1.pack(expand='true', fill='both')
        self.i = 0
        for ligne in range(5):
            self.frame2 = Frame(self.frame1, bg='red')
            self.frame2.pack(fill='x', side='left', anchor='n', expand='true')
 
            for colonne in range(5):
 
                self.checkbutton_test = Checkbutton(self.frame2,
                                                              text=self.liste_test[self.i],
                                                              offvalue='n', onvalue='o')
                self.checkbutton_test.pack(side='top', anchor='w', pady=5)
                self.i += 1
        self.bouton_test = Button(self.frame1, text='Enregistrer')
        self.bouton_test.pack(fill='x', side='bottom', anchor='n')
    def mainloop(self):
        self.fenetre.mainloop()
 
Test()

[Invité]

Salut !

Et ça c'est mieux ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
from tkinter import *
 
class Test():
    def __init__(self):
        self.liste_test = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r',
                           's', 't', 'u', 'v', 'w', 'x', 'y']
        self.fenetre = Tk()
        self.fenetre.minsize(500,300)
        self.frame1 = Frame(self.fenetre, bg='blue')
        self.test()
        self.mainloop()
 
    def test(self):
        self.frame1.pack(expand='true', fill='both')
        self.i = 0
        for ligne in range(5):
            self.frame2 = Frame(self.frame1, bg='red')
            self.frame2.pack(fill='x', side='top', expand='true')
 
            for colonne in range(5):
 
                self.checkbutton_test = Checkbutton(self.frame2,
                                                              text=self.liste_test[self.i],
                                                              offvalue='n', onvalue='o', width=5)
                self.checkbutton_test.pack(side='left', padx=20)
                self.i += 1
        self.bouton_test = Button(self.frame1, text='Enregistrer')
        self.bouton_test.pack(fill='x', side='bottom')
    def mainloop(self):
        self.fenetre.mainloop()
 
Test()

J'ai tiqué quand j'ai vu les lettres en colonne et non en ligne, est-ce que ça convient ? Sinon il faudra faire une bidouille dans le script pour aller chercher les index correspondants, ou mettre des frames verticales (en colonne) et non horizontales (en ligne).

Après je ne sais pas s'il y a moyen de faire un tableau sans créer des frames à chaque ligne. Je galère souvent aussi avec pack().

[4nico20]

C'est parfait merci beaucoup

[wiztricks]

Salut,

Pour comprendre comment ça fonctionne, il faut jouer avec l'exemple donné dans la documentation.
Traduit (approximativement) en Python çà donne:

Code :

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

1
2
3
4
5
6
7
8
9
import tkinter as tk
 
tk.Label(text='^^', bg='blue').pack(side='top', fill='x')
tk.Label(text='vvv', bg='white').pack(side='bottom', fill='x')
tk.Label(text='<<', bg='green').pack(side='left')
tk.Label(text='>>', bg='red').pack(side='right')
 
tk.Label(text='center', bg='grey').pack(expand=1, fill='both')
tk.mainloop()

Intuitivement, j'ai un centre et des côtés (remplis par side=...). Et comme le remplissage se fait en fonction de ce qui reste dans ce qui est appelé "cavity", l'ordre de placement des widgets est important (ils grignotent la "cavity" et éventuellement l'étendent).

Si on veut créer un tas de widgets alignés horizontalement, on va pouvoir utiliser side 'left' (ou 'right') mais il ne faut pas oublier le widget du centre (qui sera le premier ou le dernier à ajouter). Du genre:

Code :

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

1
2
3
4
5
6
7
8
9
import tkinter as tk
 
tk.Label(text='vvv', bg='blue').pack(side='bottom', fill='x')
tk.Label(text='<<1', bg='green').pack(side='left')
tk.Label(text='<<2', bg='green').pack(side='left')
tk.Label(text='<<3', bg='green').pack(side='left')
tk.Label(text='center', bg='grey').pack(expand=1, fill='both')
 
tk.mainloop()

note: je n'ai utilisé que des Label mais un widget reste un widget et on peut remplacer ces Labels par des Frame contenant ce qu'on veut, pack travaille avec les dimensions du widget à afficher et se fout pas mal de ce qu'il contient.

Après je ne sais pas s'il y a moyen de faire un tableau sans créer des frames à chaque ligne. Je galère souvent aussi avec pack().

Pour faire un tableau, on utilisera "grid". Ici, on ne fait pas un tableau mais on affiche un tas de widgets alignés et au dessous un widget qui s'étend sur la longueur. Ce qu'on peut faire avec "pack" en essayant de comprendre comment pack fonctionne... ou en découpant le problème avec des Frame en sus.

Dans tous les cas, on essaie d'avoir un rendu avec un minimum de widgets et un minimum de Frame d'emballage (c'est pour ça qu'ici, il vaut mieux utiliser grid puisqu'on se retrouve à créer autant de Frame qu'il y a de lignes: çà va être plus compliqué pour adresser les différents widgets).

- W