Scrolling avec Canvas

Version imprimable

Bonjour,
J ai encore un petit soucis avec un Scrollbar qui ne met pas à jour un tableau de canvas dans un canvas (J'ai repris une idée de Mr Wiztrick sur le forum pour mettre de la couleur dans un tableau sur certaines cellules) mais voilà le scroll bouge bien mais pas le Canvas qui héberge le tableau de canvas. Je joins mon code minimum pour être plus clair.

Code:

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import tkinter as tk
from tkinter import *
 
class View(tk.Frame):
    def __init__(self,parent):
        super().__init__(parent)
        self.parent=parent
        self.largeur=1200
        self.hauteur=700
        self.frame=Frame(self.parent,width=self.largeur,height=self.hauteur)
        self.frame.pack(expand=True, fill=BOTH)
        self.canvas=Canvas(self.frame,bg='#FFFFFF',width=self.largeur,height=self.hauteur,scrollregion=(0,0,(self.largeur*2),(self.hauteur*2)))
        self.hbar=Scrollbar(self.frame,orient=HORIZONTAL)
        self.hbar.pack(side=BOTTOM,fill=X)
        self.hbar.config(command=self.canvas.xview)
        self.vbar=Scrollbar(self.frame,orient=VERTICAL)
        self.vbar.pack(side=RIGHT,fill=Y)
        self.vbar.config(command=self.canvas.yview)
        self.canvas.config(width=self.largeur,height=self.hauteur)
        self.canvas.config(scrollregion=self.canvas.bbox('all'),xscrollcommand=self.hbar.set, yscrollcommand=self.vbar.set)
        self.canvas.pack(side=LEFT,expand=True,fill=BOTH)
        self.d = []
 
    def affichage(self):
        a=0
        b=0
        couleur = 'red'
        for i in range(500):
            self.d.append(i)
            c=Canvas(self.canvas,width=100,height=50,bg=couleur)
            c.create_text(20,20,text=self.d[i])
            c.grid(row=a,column=b)
            b+=1
            if couleur=='red' :
                couleur='white'
            else :
                couleur='red'
 
            if b>9:
                b=0
                a+=1
 
 
 
if __name__ == "__main__":
    parent = tk.Tk()
    v=View(parent)
    v.affichage()
    #app = Controller(parent)
    parent.mainloop()

Merci pour vos réflexions et désolé de poser peut être des questions aux réponses évidentes mais je ne maitrise pas Tkinter...:calim2:
Bien Cordialement.

16/10/2022, 19h13
wiztricks

Salut,

Dans affichage, les canvas crées ne sont pas "dans" le canvas "principal" mais placés "au dessus" via .grid. Pour créer des items dans le Canvas principal, il faut passer par des create_machin.... et si il n'y a pas assez de place pour tout afficher alors les Scrollbar vont fonctionner.

- W
16/10/2022, 21h33
MPython Alaplancha

Bonjour,
Remarques:
En ce qui concerne le code présenté, l'héritage de la classe View, n'est pas utilisé...
Pas besoin de la méthode config()...

Bonsoir,
Merci pour vos réponses, j'ai presque réussi, mais je butte sur l'insertion de texte qui me met une erreur si je transforme la ligne 22 en ligne 21.
Pouvez vous me conseiller. En vous remerciant d'avance.
Bien cordialement

Code:

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
import tkinter as tk
from tkinter import *
from tkinter import ttk
 
class View(tk.Frame):
    def __init__(self,parent):
        super().__init__(parent)
        self.parent=parent
        self.largeur=1200
        self.hauteur=700
        self.d = []
        self.canvas = tk.Canvas(self.parent)
        self.frame = ttk.Frame(self.canvas)
        self.d = []
        self.e = 0
        # creation grille et canvas secondaire
        self.couleur = 'red'
        for i in range(20):
            for j in range(20):
                self.d.append(self.e)
                #self.cc = tk.Canvas(self.frame, width=100, height=50, bg=self.couleur).create_text(20,20,text=self.d[i])
                self.cc = tk.Canvas(self.frame, width=100, height=50, bg=self.couleur)
                self.cc.grid(row=i, column=j, padx=1, pady=1)
                if self.couleur == 'red':
                    self.couleur = 'white'
                else:
                    self.couleur = 'red'
                self.e += 1
        self.canvas.create_window(0, 0, anchor='nw', window=self.frame)
        # ajout des scrollbars
        vbar = ttk.Scrollbar(self.parent, orient='vertical', command=self.canvas.yview)
        hbar = ttk.Scrollbar(self.parent, orient='horizontal', command=self.canvas.xview)
        self.canvas.configure(xscrollcommand=hbar.set,
                         yscrollcommand=vbar.set,
                         scrollregion=self.canvas.bbox('all'))
 
        self.canvas.grid(row=0, column=0, sticky='eswn')
        vbar.grid(row=0, column=1, sticky='ns')
        hbar.grid(row=1, column=0, sticky='ew')
 
        self.canvas.bind('<Configure>', self.on_resize)
 
    def on_resize(self,event):
        self.canvas.configure(scrollregion=self.canvas.bbox('all'))
 
if __name__ == "__main__":
    parent = tk.Tk()
    v=View(parent)
    #v.affichage()
    #app = Controller(parent)
    parent.mainloop()

18/10/2022, 09h35
wiztricks

Citation:

Envoyé par johanndebutant

j'ai presque réussi, mais je butte sur l'insertion de texte qui me met une erreur si je transforme la ligne 22 en ligne 21.

Le message d'erreur doit raconter que int object n'a pas d'attribut grid...
A vous de relire votre code pour comprendre le pourquoi de l'erreur.

note: si vous voulez créer une Frame scrollable via un Canvas, il y a des codes tout prêts à récupérer (ou étudier) sur Internet.

- W

Bonsoir,
ça y est ça marche. Je laisse le code pour ceux que ça intéresse...

Code:

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import tkinter as tk
from tkinter import *
from tkinter import ttk
 
class View(tk.Frame):
    def __init__(self,parent):
        super().__init__(parent)
        self.parent=parent
        self.largeur=1200
        self.hauteur=700
        self.d = []
        self.canvas = tk.Canvas(self.parent)
        self.frame = ttk.Frame(self.canvas)
        self.d = []
        # create and grid the labels
        self.couleur = 'red'
        e=0
        for i in range(20):
            for j in range(20):
                self.d.append(e)
                self.cc = Canvas(self.frame, width=100, height=50, bg=self.couleur)
                self.cc.create_text(20,20,text=self.d[e],fill='black')
                e = e+1
                self.cc.grid(row=i, column=j, padx=1, pady=1)
                if self.couleur == 'red':
                    self.couleur = 'white'
                else:
                    self.couleur = 'red'
 
        self.canvas.create_window(0, 0, anchor='nw', window=self.frame)
        # add the scrollbars
        vbar = ttk.Scrollbar(self.parent, orient='vertical', command=self.canvas.yview)
        hbar = ttk.Scrollbar(self.parent, orient='horizontal', command=self.canvas.xview)
        self.canvas.configure(xscrollcommand=hbar.set,
                         yscrollcommand=vbar.set,
                         scrollregion=self.canvas.bbox('all'))
 
        self.canvas.grid(row=0, column=0, sticky='eswn')
        vbar.grid(row=0, column=1, sticky='ns')
        hbar.grid(row=1, column=0, sticky='ew')
 
        self.canvas.bind('<Configure>', self.on_resize)
 
    def on_resize(self,event):
        self.canvas.configure(scrollregion=self.canvas.bbox('all'))
 
if __name__ == "__main__":
    parent = tk.Tk()
    v=View(parent)
    parent.mainloop()

Très sincères remerciements à Mr Wiztrick et à Mr Hominidé pour leur aide et réflexion qui m'ont bien aidé