Application de la POO à tkinter

Etape 2 - Méthodes d'animation

Consignes permanentes :

Copier/coller le code ci-dessous dans un idle et le compléter en suivant les indications suivantes.
Tous les termes en italique dans le code doivent être remplacés par des valeurs correctes (attributs, méthodes, ...).
D'éventuels points d'interrogation ??? dans le code doivent être remplacés par du code valide.

Exercice

Une interface graphique peut comporter plusieurs fenêtres et/ou plusieurs zones de dessin (canvas), quelques modifications suffisent pour faire en sorte que la classe ne soit plus liée à une fenêtre ou un canvas particulier.

Modifier le constructeur de la classe Rectangle en ajoutant deux nouveaux attributs ftr et cv designant respectivement la fenêtre cible et la zone de dessin (canvas) cible.
Modifier le code de création des deux instances de la classe Rectangle en tenant compte des nouveaux attributs.

On souhaite ensuite doter la classe Rectangle de méthodes d'animation (les rectangles doivent pouvoir se déplacer dans une direction et à une vitesse déterminées par de nouveaux attributs.

Définir la méthode vitesse(...) dans la classe Rectangle :
- ayant pour paramètres dx, dy, dt (valeurs du pas dans les directions x et y, et valeur du pas dans le temps) ; (la fonction crée de nouveaux attributs)
- appelant la méthode mvt() (non définie à ce stade)
Définir la méthode mvt() :
- appelant la méthode nom_canvas.move(nom_objet, pas suivant x, pas suivant y)
- appelant la méthode nom_fenetre.after(pas de temps, callback) où callback() est la fonction à appeler après un délai (fixé par le pas de temps) ; ici cette fonction est la méthode mvt() elle-même (mvt, sans parenthèses, et non mvt() dans after).

import tkinter as tk
from tkinter import ttk

class Rectangle():
    def __init__(self, ftr, cv, x1, y1, x2, y2, cl):
        ???
        self.x1, self.y1 = x1, y1
        self.x2, self.y2 = x2, y2
        self.cl = cl
        self.id = ???.create_rectangle(self.x1, self.y1, self.x2, self.y2, fill=self.cl)

jeu = tk.Tk()

dessin = tk.Canvas(jeu, bg='white', height=500, width=900)
dessin.pack()

rect1 = Rectangle(???, 30, 50, 150, 150, 'lightblue')
rect2 = Rectangle(???, 50, 70, 100, 400, 'yellow')

jeu.mainloop()

❮ ❯

Code

import tkinter as tk
from tkinter import ttk

class Rectangle():
    def __init__(self, ftr, cv, x1, y1, x2, y2, cl):
        self.ftr, self.cv = ftr, cv
        self.x1, self.y1 = x1, y1
        self.x2, self.y2 = x2, y2
        self.cl = cl
        self.id = self.cv.create_rectangle(self.x1, self.y1, self.x2, self.y2, fill=self.cl)

    def vitesse(self, dx, dy, dt):
        self.dx, self.dy, self.dt = dx, dy, dt
        self.mvt()

    def mvt(self):
        self.cv.move(self.id, self.dx, self.dy)
        self.ftr.after(self.dt, self.mvt)


jeu = tk.Tk()

dessin = tk.Canvas(jeu, bg='white', height=500, width=900)
dessin.pack()

rect1 = Rectangle(jeu, dessin, 30, 50, 150, 150, 'lightblue')
rect2 = Rectangle(jeu, dessin, 50, 70, 100, 400, 'yellow')

rect1.vitesse(15, 0, 100)

jeu.mainloop()

Programmation objet

Tutoriel POO

❮ ❯