éléments cliquables

Version imprimable

éléments cliquables

Bonjour à tous.
Tout d'abord je tenais à vous remercier de prendre sur votre temps pour lire ce message.

Voilà j'ai un problème, j'ai programmer une "bataille navale" il y a quelque temps, elle se joue sans la souris, du coups les interactions sont peu conviviales ...
Voilà comment le programme se présente : https://fbcdn-sphotos-g-a.akamaihd.n...54274035_o.jpg
Sur la gauche on peut voir la fenêtre avec le code ( que je vais copier ci-dessous, au milieu la fenêtre de jeux et à droite les "logs" qui apparaissent dans le python shell.

Voici le code :

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
from tkinter import *
from random import *
from random import randrange, uniform
import tkinter.messagebox
import time
 
 
tps = time.strftime('%H:%M:%S')
 
 
#################################
 
print ("""
 
============================
 
 _      ____   _____  _____ 
| |    / __ \ / ____|/ ____|
| |   | |  | | |  __| (___  
| |   | |  | | | |_ |\___ \ 
| |___| |__| | |__| |____) |
|______\____/ \_____|_____/
 
 
============================
 
Ici, retrouvez touts les messages
qui vous auront été transmis...
 
 
Script généré...
 
 
Programme lancé à""" ,tps, """:""")
 
i=c=d=n=j=0
Lxy=[20,40,60,80,100,120,140,160,180,200]
 
 
a = randrange(1, 10)
b = randrange(1, 10)
 
def quitter():
        stra = str(a)
        strb = str(b)
 
        inta = int(a)
        intb = int(b)
 
        aGrid = inta*20
        bGrid = intb*20
 
        if tkinter.messagebox.askyesno("Quitter ?", "Êtes-vous sûr de quitter le programme ?\n\nSi oui, vous découvrirez les coordonnées\ndu bateau et vous quitterez\nle programme."):
                print("==> Vous avez répondu OUI à la question ""Êtes-vous sûr de quitter ?"".")
                d= 10
                bateauquit = canvas.create_oval(aGrid-d,bGrid-d,aGrid+d,bGrid+d,fill="red")
                tkinter.messagebox.showinfo("Infos", "Les coordonnées du bateau était: X= "+stra+" et Y= "+strb+".\n\nVous avez décidé de quitter le programme, cliquez sur Ok pour fermer la fenêtre.")
                print("==> TEXTE ISSU D'UNE BOÎTE DE DIALOGUE: Les coordonnées du bateau était: X= "+stra+" et Y= "+strb+".\n\nVous avez décidé de quitter le programme, cliquez sur Ok pour fermer la fenêtre.")
                print("""
i=========================
 
FERMETURE DU PROGRAMME...
 
=========================
 
""")
                time.sleep(1)
                root.destroy()
 
 
def traceLigneV(x):
        "TRACE D'UNE LIGNE"
        global coul
        canvas.create_line(x,10,x,210,fill=coul)
 
def traceLigneH(Y):
        "TRACE D'UNE LIGNE"
        global coul
        canvas.create_line(10,Y,210,Y,fill=coul)
 
coul="black"       
 
 
root=Tk()
root.resizable(width=FALSE, height=FALSE)
Lxy=[20,40,60,80,100,120,140,160,180,200,220]
canvas =  Canvas(root, height=220,width=220)
canvas.grid(row=8,column=0, pady=3)
while  n < 11:
    i=Lxy[n]
    c=0
    while c<11:
        d=Lxy[c]
        j=i
        traceLigneV(d-10)
        traceLigneH(d-10)
        c +=1
    n+=1
 
Label(root,text ="X:            ").grid(row =3, column =0, pady=3)
Label(root,text ="Y:            ").grid(row =4, column =0, pady=3)
 
 
 
demandex = Entry(root, width =2, fg='blue')
demandex.grid(row=3,column=0,padx=5, pady=3)
 
 
 
demandey = Entry(root, width =2, fg='blue')
demandey.grid(row=4,column=0, padx=5, pady=3)
 
 
 
Label(root, bd=0, relief=GROOVE, background='chartreuse3', text ="Entrez dans les champs suivants,\nles coordonnées pour l'envoi d'un missile ! ").grid(row =1, column =0)
Label(root, bd=0, fg='white', relief=GROOVE, background='red', text ="Veuillez entrer des valeurs comprises\nentre 1 et 10 pour ne pas sortir de la zone    \nd'envoi du missile !").grid(row =2, column =0)
 
 
bouton1=Button(root, text="Quitter", command=quitter)
bouton1.grid(row=9,column=0)
 
 
 
def traceCercle():
 
 
        c=demandex.get()
        v=demandey.get()
 
 
        try:
                intx = int(c)
                inty = int(v)
 
                x= intx*20
                y= inty*20
 
 
                d= 10
                obus = canvas.create_oval(x-d,y-d,x+d,y+d,fill=coul)
                xgrid=x/20
                ygrid=y/20
 
 
                print ("==> Vous venez d'entrer la valeur (",intx,") pour la variable X.")
                print ("==> Vous venez d'entrer la valeur (",inty,") pour la variable Y.")
 
                if (intx == a) and (inty==b):
                 print("==> TEXTE ISSU D'UNE BOîTE DE DIALOGUE: Bravo, Coulé !\n\n")
                 obus = canvas.create_oval(x-d,y-d,x+d,y+d,fill='red')
                 tkinter.messagebox.showinfo("Infos", "Bravo, Coulé !")
                elif (intx == a) or (inty== b):
                 print("==> TEXTE ISSU D'UNE BOîTE DE DIALOGUE: Detecté !\n\n")
                 tkinter.messagebox.showerror("Infos", "Bateau détecté ! Réessayez")
                else:
                 print("==> TEXTE ISSU D'UNE BOîTE DE DIALOGUE: A l'eau !\n\n")
                 tkinter.messagebox.showerror("Infos", "A l'eau !")
        except:
                signalErreur()
                erreur()
 
                return
 
 
        global nbClick
        nbClick=nbClick+1
        if nbClick==1:
                lbl1.configure(text="Vous avez envoyez "+str(nbClick)+" missile.")
        else:
                lbl1.configure(text="Vous avez envoyez "+str(nbClick)+" missiles.")              
 
 
 
 
erreurlbl = Label(root,text ="Veuillez entrer les valeurs pour X et Y", fg="red")
 
 
def erreur():
        erreurlbl.grid(row=5)
 
 
nbClick=0
 
def videEntree():
        demandex.configure(bg='white')
        demandey.configure(bg='white')
        demandex.delete(0, END)   
        demandey.delete(0,END)
        erreurlbl.grid_forget()
 
def signalErreur():
        demandex.configure(bg='red')
        demandey.configure(bg='red')
        root.after(1500,videEntree)
 
lbl1=Label(root,text="Vous n'avez envoyez aucun missile !",fg="MediumOrchid4")
lbl1.grid(row=7,column=0)
 
 
bouton2= Button(root, text=">> Lancer un missile", command=traceCercle)
bouton2.grid(row=6,column=0)
 
 
 
root.title('Bataille navale') 
root.mainloop()

Mon but est maintenant que le quadrillage sois cliquable, pour cela j'utiliserais bien un "semblant" de ce code :

Code:

1
2
3
4
5
6
7
8
9
10
11
from tkinter import *
def pointeur(event):
chaine.configure(text = "Clic détecté en X =" + str(event.x) +\
", Y =" + str(event.y))
fen = Tk()
cadre = Frame(fen, width =200, height =150, bg="light yellow")
cadre.bind("<Button-1>", pointeur)
cadre.pack()
chaine = Label(fen)
chaine.pack()
fen.mainloop()

Mais je ne sais pas comment faire pour l'integrer à mon programme ... :cry:
Si quelqu'un à une solution je le remercie du fond du cœur.

Merci pour vos réponses :ccool:

30/04/2013, 21h48
PauseKawa

Bonsoir,

Si vous utilisez Canvas.create_rectangle() plutôt que Canvas.create_line() vous aurez des 'zones' (items du Canvas) identifiables.
Vous avez un exemple récent avec 'current' ici.

@+
01/05/2013, 15h44
Kinavira

Merci beaucoup PauseKawa pour votre réponse rapide.

J'ai essayé de modifier le code, mais j'ai toujours des "erreurs" ligne 2197 ... Je comprend pas.
Je pense l'avoir correctement modifié mais pourtant ça ne fonctionne pas.

Mais votre solution ne reviens pas à coder des boutons ? Car nous avions déjà envisagé cette solution.
01/05/2013, 16h18
wiztricks

Salut,
Regardez la discussion. Ca parle d'une grille de sudoku construite avec des .create_line. Pour récupérer les coordonnées (r, c) du carré sur lequel on clique, on divise l'endroit du click (x, y) par la longueur.

Citation:

J'ai essayé de modifier le code, mais j'ai toujours des "erreurs" ligne 2197 ... Je comprend pas.
Je pense l'avoir correctement modifié mais pourtant ça ne fonctionne pas

Si vous ne postez pas le nouveau code et la trace de l'erreur, on pourra "compatir" sans plus.
- W

En gros :

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
from tkinter import *
from random import randint
 
 
def on_event(event=None):
    # event souris
    if event:
        items = canvas.find_withtag("current")
        # On évite une erreur possible
        if not items:
            result.config(bg="red")
            result.config(text="\nErreur !\n")
            root.after(500, lambda: result.config(bg=canvas.cget("bg")))
            return
        # Clic valide. On tente de récupèrer item et tagtosearch
        item = items[0]
        tagtosearch = canvas.gettags(item)
        if tagtosearch:
            tagtosearch = tagtosearch[0]
        else:
            tagtosearch = "failed"
        # Déjà utilisé
        if tagtosearch == "used":
            item = None
        # On évite une erreur de sélection possible dans le Canvas
        elif "X" not in tagtosearch:
            return
        # fonctionnement normal. On récupère x et y
        else:
            x, y = tagtosearch.split("X")
    # command du Widget Button
    else:
        x = demandex.get()
        y = demandey.get()
        # Saisie non valide
        if not (x in valid and y in valid):
            if x not in valid:
                demandex.configure(bg="red")
            if y not in valid:
                demandey.configure(bg="red")
            result.config(bg="red")
            result.config(text="\nErreur !\n")
            root.after(500, lambda: result.config(bg=canvas.cget("bg")))
            root.after(500, lambda: demandex.configure(bg='white'))
            root.after(500, lambda: demandey.configure(bg='white'))
            return
        # Saisie valide. On récupère item et tagtosearch
        tagtosearch = "%sX%s" % (x, y)
        item = canvas.find_withtag(tagtosearch)
    if item:
        location = canvas.coords(item)
        # Coulé !
        if tagtosearch == "%dX%d" % (ciblex, cibley):
            bquit.config(state="disabled")
            canvas.config(state="disabled")
            result.config(fg='red')
            msg = "\nCoulé !"
            coule = canvas.create_oval(location, fill="white")
            root.after(50, lambda :canvas.itemconfig(coule,
                                                     fill="yellow"))
            root.after(125, lambda :canvas.itemconfig(coule,
                                                      fill="red"))
            root.after(2000, root.destroy)
        # Dans l'eau...
        else:
            canvas.dtag(item, tagtosearch)
            loupe = canvas.create_oval(location, fill="white", tag="used")
            root.after(50, lambda :canvas.itemconfig(loupe,
                                                     fill="yellow"))
            root.after(125, lambda :canvas.itemconfig(loupe,
                                                      fill="black"))
            msg = "\nDans l'eau !"
        global nbClick
        nbClick += 1
    # Pas d'item donc la case a déjà été utilisée.
    else:
        msg = "\nVous avez déjà tirer dans cette case !"
        x = "Non"
        y = "valide"
    # Affichage des messages
    msg = "Missile en : %s %s" % (x, y) + msg + "\nNb de tir : %d" % nbClick
    print(msg)
    result.config(text=msg)
    demandex.configure(bg='white')
    demandey.configure(bg='white')
    demandex.delete(0, END)   
    demandey.delete(0, END)
 
 
ciblex = randint(1, 10)
cibley = randint(1, 10)
print("Cible dans la case", ciblex, cibley)
nbClick = 0
# Pour tester la saisie dans les Entry
# Sans doute plus propre avec la validation du Widget Entry
# mais plus compliqué
valid = ('1', '2', '3', '4', '5', '6', '7', '8', '9', '10')
root = Tk()
txt = """Entrez dans les champs suivants,\nles \
coordonnées pour l'envoi d'un missile !"""
Label(root, bd=0, relief=GROOVE, bg="chartreuse3",
      text=txt).pack(fill="both", expand=1, padx=2, ipadx=2)
txt = """Veuillez entrer des valeurs comprises\nentre 1 et 10 \
pour ne pas sortir de la zone\nd'envoi du missile !"""
Label(root, bd=0, fg="white", relief=GROOVE, bg="red",
      text=txt).pack(fill="both", expand=1, padx=2, ipadx=2)
framexy = Frame(root)
Label(framexy, text="X:").pack(side="left", padx=3)
demandex = Entry(framexy, width=2, fg="blue")
demandex.pack(side="left")
Label(framexy, width=5).pack(side="left")
Label(framexy, text="Y:").pack(side="left", padx=3)
demandey = Entry(framexy, width=2, fg="blue")
demandey.pack(side="left")
framexy.pack(pady=5)
Button(root, text=">> Lancer un missile", command=on_event).pack(pady=5)
canvas =  Canvas(root, height=221, width=221)
canvas.pack()
for x in range(10):
    for y in range(10):
        # Creation des items.
        # Utilisation de fill pour pouvoir utiliser 'current'
        # Décallage de +1 pour la zone visible du canvas.
        # Cela évite d'utiliser les options du Canvas pour cela.
        canvas.create_rectangle(x*20+1, y*20+1, x*20+21, y*20+21,
                                tag="%dX%d" % (x+1, y+1),
                                fill=canvas.cget("bg"), outline="black")
bquit = Button(root, text="Quitter", command=root.destroy)
bquit.pack(pady=5)
Frame(height=2, bd=1, relief=SUNKEN).pack(fill=X, padx=5, pady=5)
result = Label(root, text="Début de partie\n\nNb de tir : 0")
result.pack(fill="both", expand=1, padx=5, pady=5)
canvas.bind("<Button-1>", on_event)
root.mainloop()

Après pour ce qui est de l'erreur... A voir comme l'indique wiztricks

02/05/2013, 18h16
Kinavira

Super, ça marche :mrgreen: !!
Bon ce n'est pas moi qui ai tapé le code de A à Z mais l’essentiel est que ça marche.
Je n'ai pas bien compris la d"marche, je vais donc l'étudier, mais de ce que j'ai pu en voir rapidement, beaucoup a changer.
Si cela ne fonctionnait pas de mon coté à mon avis c'est parce que je gardais le fonctionnement des ligne sans prendre en compte les canvas que j'avais intégré ...
Je vais voir ce qui a changé un peu plus en détail.
Encore merci ;)

Je vous tiens au courant de l'avancée du projet :D

Merci à vous deux.

Bonne continuation.

Kinavira.
02/05/2013, 18h31
PauseKawa

Citation:

Envoyé par Kinavira

mais de ce que j'ai pu en voir rapidement, beaucoup a changer.

C'est intentionnel : Vous montrer le principe, et encore il doit y avoir des erreurs car c'est du code rapide, tout en ne corrigeant pas votre code afin que vous le fassiez vous même.

Bon code et @+
03/05/2013, 16h57
Kinavira

Bonjour,

J'ai un petit souci avec une commande dans le code que vous m'avez transmis :

Code:

canvas.find_withtag('current')

"canvas" ==> correspond au widget, ça c'est bon
".find" ==> récupère une information (laquel ? Sans doute celle d'un éventuel clic)
"_withtag" ==> C'est ici que je bloque, je vois pas trop à quoi ça correspond, peut-être à l'information pour savoir quel canvas à été cliqué ?
"('current')" ==> Idem.

Merci de m'éclairer de vos brillantes lumière :)

Kinavira

Bonjour,

L'élément d'un Canvas qui est sous le pointeur de la souris prend le tag 'current'.
canvas.find_withtag('current') recherche ce tag dans les tags des items et vous retourne donc l'item sous la souris, s'il y en a un.

@+

Un exemple
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 import tkinter as tk def testcurrent(e): if c.find_withtag("current"): l.config(text="current") else: l.config(text="None") root = tk.Tk() c = tk.Canvas(root, width=300, height=300) c.pack() c.create_oval(100, 100, 200, 200, fill="red") l = tk.Label(root) l.pack() c.bind("<Motion>", testcurrent) root.mainloop()

03/05/2013, 18h04
Kinavira

Compris, merci :)

Je vous re-posterais si j'ai d'autres interrogations :)

Bonne soirée et Bon Week-End.
Kinavira.

Petite modif de l'exemple pour le fill

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
import tkinter as tk
 
 
def testcurrent(e):
    itemid = c.find_withtag("current")
    l.config(text="""c.find_withtag("current")=%s""" % str(itemid))
 
 
root = tk.Tk()
root.title("tk Canvas : 'current' and fill")
c = tk.Canvas(root, width=300, height=300)
c.pack()
first = c.create_oval(100, 100, 200, 200, fill="red")
l = tk.Label(root)
l.pack()
tk.Button(root, text="With fill",
          command=lambda :c.itemconfig(first, fill="red")
          ).pack(side="left", padx=5, pady=5)
tk.Button(root, text="Without fill",
          command=lambda :c.itemconfig(first, fill="")
          ).pack(side="right", padx=5, pady=5)
c.bind("<Motion>", testcurrent)
root.mainloop()

@+ et bon code