Différences

Ci-dessous, les différences entre deux révisions de la page.

--- ateliers:robotique:les_bases_de_tkinter [2023/02/13 17:12] – [La pasition des boutons] 87.65.129.11
+++ ateliers:robotique:les_bases_de_tkinter [2024/03/25 14:02] (Version actuelle) – [traduisons :] 109.133.206.189
@@ Ligne 36: / Ligne 36: @@
 <code python>
-from tkinter import *
+import tkinter as tk
-fenetre = Tk()
+fenetre = tk.Tk()
-label = Label(fenetre, text="Hello World")
+label = tk.Label(fenetre, text="Hello World")
 label.pack()
@@ Ligne 52: / Ligne 52: @@
 <code python>
-from tkinter import *
+import tkinter as tk
 </code>
-Cela signifie que, **depuis** (from) **tkinter** tu importes **tout** (*)
+Cela signifie que tu importes "tkinter", et que tu l'appelles "tk"
 Nous créons ensuite une variable nommée "fenetre" dans laquelle nous stockons la fonction "Tk()"
@@ Ligne 63: / Ligne 63: @@
 <code python>
 # entrée
 value = StringVar()
 value.set("texte par défaut")
-entree = Entry(fenetre, textvariable=string, width=30)
+entree = tk.Entry(fenetre, textvariable=value, width=30)
 entree.pack()
 </code>
@@ Ligne 96: / Ligne 96: @@
 Button(fenetre, text='L2-C4', borderwidth=1).grid(row=2, column=4)
 Button(fenetre, text='L3-C3', borderwidth=1).grid(row=3, column=3)
+</code>
+<code python>
+clear = Button(btns_frame, text = "C", fg = "black", width = 32, height = 3, bd = 0, bg = "#eee", cursor = "hand2",
+               command=lambda: bt_clear()).grid(row = 0, column = 0, columnspan = 3, padx = 1, pady = 1)
 </code>
+==== La grille ====
+Il est possible de placer les éléments en raisonnant en grille:
+Pour cela, nous imaginons dans notre tête des colonnes (verticales) et des lignes (horizontales).\\
+La colonne se dit **row** et la ligne se dit **colomn**
+Pour positionner une boutons en haut à gauche de notre fenêtre, nous lui passons en paramètre **row = 1** et en **colomn = 1**
+<code python>
+for ligne in range(5):
+    for colonne in range(5):
+        Button(fenetre, text='L%s-C%s' % (ligne, colonne), borderwidth=1).grid(row=ligne, column=colonne)
+</code>
+Dans cette exemple, nous créons en mémoire la grille que nous allons utiliser par la suite pour positionner les boutons.
 ====  Les listes ====
@@ Ligne 183: / Ligne 205: @@
 menu1.add_command(label="Quitter", command=fenetre.quit)
 menubar.add_cascade(label="Fichier", menu=menu1)
 menu2 = Menu(menubar, tearoff=0)
@@ Ligne 197: / Ligne 224: @@
 </code>
+La grille: \\
+Il est possible de placer les éléments en raisonnant en grille:
 <code python>
+for ligne in range(5):
+    for colonne in range(5):
+        Button(fenetre, text='L%s-C%s' % (ligne, colonne), borderwidth=1).grid(row=ligne, column=colonne)
+</code>
+<code python>
+Button(fenetre, text='L1-C1', borderwidth=1).grid(row=1, column=1)
+Button(fenetre, text='L1-C2', borderwidth=1).grid(row=1, column=2)
+Button(fenetre, text='L2-C3', borderwidth=1).grid(row=2, column=3)
+Button(fenetre, text='L2-C4', borderwidth=1).grid(row=2, column=4)
+Button(fenetre, text='L3-C3', borderwidth=1).grid(row=3, column=3)
 </code>