Des canvas qui se touchent avec grid

**calogerogigante** · 17/01/2010, 23h32

Bonjour,

Je viens de terminer un petit programme qui illustre le fonctionnement de Sinus et de Cosinus.

Malgré le fait d'avoir mis des padx et des pady à 0, comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
        # création des 4 canvas :
        self.c1 = Canvas(self.root, bg="white", width=12*self.u, height=12*self.u)
        self.c1.grid(row=0, column=0, padx=0, pady=0)
        self.c2 = Canvas(self.root, bg="white", width=17*self.u, height=12*self.u)
        self.c2.grid(row=0, column=1, padx=0, pady=0)
        self.c3 = Canvas(self.root, bg="white", width=12*self.u, height=17*self.u)
        self.c3.grid(row=1, column=0, padx=0, pady=0)
        self.c4 = Canvas(self.root,             width=17*self.u, height=17*self.u)
        self.c4.grid(row=1, column=1, padx=0, pady=0)

Il y a toujours un mince bord qui ne place pas les canvas côte à côte.

Comment faire pour avoir mes canvas self.c1, self.c2 et self.c3 qui se touchent vraiment ?

**nyko77** · 18/01/2010, 01h06

Bonjour,

Rajoute l'option highlightbackground="white" dans les canvas, ça semble résoudre ton problème.

**PauseKawa** · 18/01/2010, 07h50

Bonjour calogerogigante,

Une autre solution borderwidth=-1. Par contre, et bizarrement, tu est obligé de faire un self.root.update_idletasks() avant le mainloop pour que cela soit pris en compte au premier affichage (alors que si tu baisse ta fenêtre puis l'affiche on se rend compte que l'option bd est bien prise en compte).

La solution de nyko77 me semble plus propre.

@+

**calogerogigante** · 18/01/2010, 09h14

Merci pour vos interventions, nyko77 et PauseKawa.

En fait, le highlightbackground="white" ne fait que colorer en blanc la bordure du canvas (qui semble être environ d'un ou deux pixels), mais cette bordure est malheureusement toujours présente.

Donc, le jour où je vais faire une application qui aura vraiment besoin de mettre côte à côte (sans espace) des canvas, ce ne sera pas valable. Néanmoins, dans le cas de mon application actuelle "sinus-cosinus", c'est une solution esthétique qui est tout à fait ok !.

Pausekawa : ta solution, je l'ai essayée avec grand espoir, malheureusement, sur Windows Vista, elle ne change rien à la bordure...

Ca marche chez toi ? Tu es sous Linux peut-être où cette caractéristique est sans doute mieux prise en compte ?

Bon, tant pis, c'est pas grave, ce n'est pas essentiel pour l'instant à mon application démonstrative sinus-cosinus.

Bonne journée à vous deux !

**PauseKawa** · 18/01/2010, 12h35

Bonjour,

A mon avis ta bordure c'est le relief (default=FLAT).
Malheureusement il n'existe pas de relief=None...

Dommage pour Vista, j'aimais bien l'idée tordue

@+

**vincent.mbg** · 21/01/2010, 23h49

Bonjour,

Ce que tu vois n'est pas une bordure, mais le cadre indiquant si le canvas a le focus ou non

pour l'enlever tu as juste à faire ceci :

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
from Tkinter import *

root = Tk()

can1 = Canvas( root, height = 50, width = 50, bg="white", highlightthickness=0 )
can2 = Canvas( root, height = 50, width = 50, bg="white", highlightthickness=0 )
can3 = Canvas( root, height = 50, width = 50, bg="white", highlightthickness=0 )
can4 = Canvas( root, height = 50, width = 50, bg="white", highlightthickness=0 )

can1.grid( row=0, column=0)
can2.grid( row=1, column=0)
can3.grid( row=0, column=1)
can4.grid( row=1, column=1)
mainloop()

**calogerogigante** · 22/01/2010, 11h10

Génial ! Merci beaucoup Vincent... C'est exactement ça !

Mes canvas se touchent maintenant sans espacement !

Je mets ce post en résolu, et vive ce sympathique forum sur Tkinter !