Débutant : mise en forme grid et columnspan

Version imprimable

Avec le code ci-dessous, je souhaite que label s'affiche en étant "espacé" de canvas
j'en perds mon latin
merci d'avance de votre aide

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
from tkinter import *
 
root = Tk()
root.title("Example")
root.geometry("400x400")
root.config(background='red')
frame = Frame(root, height=250, width=250, bg="green")
frame.grid_propagate(0)
frame.grid()
 
canvas = Canvas(frame, height=240, width=100, bg="grey")
canvas.grid(row=0, column=0, rowspan=4)
 
label = Label(frame, text="xxx", fg="blue", bg="yellow", width=5, height=2)
label.grid(row=0, column=1, columnspan=2, sticky=E)
 
root.mainloop()

11/03/2020, 19h44
wiztricks

Salut,

Citation:

Envoyé par aaristocat

Avec le code ci-dessous, je souhaite que label s'affiche en étant "espacé" de canvas
j'en perds mon latin

C'est bien joli mais çà veut dire quoi? Faites un dessin!

- W
11/03/2020, 20h22
aaristocat

1 pièce(s) jointe(s)

voilà l'exemple
11/03/2020, 22h18
Invité

Citation:

Envoyé par aaristocat

Avec le code ci-dessous, je souhaite que label s'affiche en étant "espacé" de canvas
j'en perds mon latin

Bonsoir ,
Je pense qu'il vous faut commencer par comprendre comment utiliser les paramètres de la méthode grid.
columnspan vous permet de regrouper un widget sur plusieurs cellules. Tel qu'il est utilisé il n'a aucune action dans votre cas.

Concernant l'espacement désiré entre le canvas et le label, vous pouvez l'obtenir en en intercalant un widget label par exemple entre les deux. Le choix de la couleur adaptée permettra de le rendre invisible à l'affichage.

Vous devriez pouvoir trouver la solution assez facilement.
11/03/2020, 22h42
aaristocat

à l'origine je l'ai fait avec un "spacer" mais je pensais plus propre d'utiliser columnspan pour placer le label colonne 1-2
11/03/2020, 22h59
wiztricks

Salut,

Pour pousser le label un peu à droite, il suffit d'ajouter un padx:

Code:

label.grid(row=0, column=1, padx=50)

- W
12/03/2020, 07h01
aaristocat

1 pièce(s) jointe(s)

padx j'ai pensé mais le résultat ne correspond pas à mon souhait
voilà ce que j’obtiens

Pièce jointe 545169
12/03/2020, 08h04
wiztricks

1 pièce(s) jointe(s)

Salut,

Ce que vous montrez est plutôt ce que l'on obtient avec ipadx et non padx.
En tous cas, padx fonctionne très bien chez moi et çà fonctionne comme décrit dans la documentation.

Postez le code.

- W
12/03/2020, 09h05
Invité

Citation:

Envoyé par wiztricks

Salut,

Ce que vous montrez est plutôt ce que l'on obtient avec ipadx et non padx.
En tous cas, padx fonctionne très bien chez moi et çà fonctionne comme décrit dans la documentation.

Postez le code.

- W

Merci pour la remarque wiztricks. J'avais juste oublié padx qui au passage fonctionne également chez moi.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
from tkinter import *
 
root = Tk()
root.title("Example")
root.geometry("400x400")
root.config(background='red')
frame = Frame(root, height=250, width=250, bg="green")
frame.grid_propagate(0)
frame.grid()
 
canvas = Canvas(frame, height=240, width=100, bg="grey")
canvas.grid(row=0, column=0, rowspan=4)
 
label = Label(frame, text="xxx", fg="blue", bg="yellow", width=5, height=2, padx=50)
label.grid(row=0, column=1)
 
root.mainloop()

j’obtiens le résultat posté précédemment, comme dans celte vidéo https://www.youtube.com/watch?v=7C47_rPzH0U

12/03/2020, 13h41
wiztricks

Citation:

Envoyé par aaristocat

j’obtiens le résultat posté précédemment, comme dans celte vidéo

Si je vous suggère de modifier la ligne:

Code:

label.grid(row=0, column=1, padx=50)

Ce n'est pas pour que vous modifiez la ligne précédente:

Code:

label = Label(frame, ... padx=50)

Et si çà ne fait pas pareil, c'est que çà ne fait pas la même chose.
A vous de prendre le temps d'ouvrir une documentation sur Label et grid pour voir à quoi correspondent ces padx.

- W
12/03/2020, 17h49
aaristocat

pourtan j'ai lu et relu la doc ci-jointe (http://tkinter.fdex.eu) sans réaliser mon erreur
merci
12/03/2020, 18h13
wiztricks

Salut,

Citation:

Envoyé par aaristocat

pourtan j'ai lu et relu la doc ci-jointe (http://tkinter.fdex.eu) sans réaliser mon erreur

C'est une documentation technique. Il ne suffit pas de la lire. Pour comprendre, il faut écrire du code et constater par soi même si çà fait ce que la documentation raconte.

Sinon çà reste des "informations", des chaines de caractères qui passent devant les yeux sans plus d'importance (et les video youtube, c'est pire car c'est moins dense et on est aussi passif).

En programmation on apprend avec la pratique et on comprend (un peu) lorsqu'on sait le faire.

- W