Application de la POO à tkinter

Etape 4 - Héritage

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

On souhaite animer également des ellipses. Il est possible de définir également une classe Ellipse mais on s'aperçoit que cette classe partage beaucoup de code avec la classe Rectangle.
Il est donc astucieux de dériver les classes Rectangle et Ellipse d'une classe Figure_geom regroupant attributs communs et méthodes communes.

Renommer la classe Rectangle en Figure_geom() et initialiser self.id à None.
Créer deux classe filles, Rectangle et Ellipse, à partir de la classe Figure_geom() dans lesquelles :
- il sera fait appel à la méthode super().__init__() ;
- self.id sera initialisé avec les figures géométriques correspondantes.

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)
		self.arret = True

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

	def controle(self):
		# Valeurs numériques choisies "à la main" pour stopper les rectangles lorsqu'ils commencent à quitter le canvas => perfectible !
		if not (10 <= self.x1 <= self.cv.winfo_reqwidth()-100 and 10 <= self.y1 <= self.cv.winfo_reqheight()-100):
			self.arret = True
			self.cl = 'red'
			self.cv.itemconfig(self.id, fill=self.cl)
			self.ftr.update_idletasks()
			self.ftr.after(500, None)
			self.cv.delete(self.id)

	def mvt(self):
		self.x1 += self.dx
		self.y1 += self.dy
		self.x2 += self.dx
		self.y2 += self.dy
		self.cv.coords(self.id, self.x1, self.y1, self.x2, self.y2)
		self.controle()
		if not self.arret:
			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, 500, 400, 550, 420, 'yellow')

rect1.vitesse(15, 0, 100)
rect2.vitesse(-5, -10, 100)

jeu.mainloop()

Etape 5 - A vous de jouer !

Il est possible de détecter des collisions entre objets, de déplacer certains objets grâce au clavier...

❮ ❯

Code

import tkinter as tk
from tkinter import ttk

class Figure_geom():
    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.arret = True
        self.id = None

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

    def controle(self):
        if not (10 <= self.x1 <= self.cv.winfo_reqwidth()-100 and 10 <= self.y1 <= self.cv.winfo_reqheight()-100):
            self.arret = True
            self.cl = 'red'
            self.cv.itemconfig(self.id, fill=self.cl)
            self.ftr.update_idletasks()
            self.ftr.after(500, None)
            self.cv.delete(self.id)

    def mvt(self):
		self.x1 += self.dx
		self.y1 += self.dy
		self.x2 += self.dx
		self.y2 += self.dy
		self.cv.coords(self.id, self.x1, self.y1, self.x2, self.y2)
        self.controle()
        if not self.arret:
            self.ftr.after(self.dt, self.mvt)

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

class Ellipse(Figure_geom):
    def __init__(self, ftr, cv, x1, y1, x2, y2, cl):
        super().__init__(ftr, cv, x1, y1, x2, y2, cl)
        self.id = self.cv.create_oval(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()

rect = Rectangle(jeu, dessin, 30, 50, 150, 150, 'lightblue')
oval = Ellipse(jeu, dessin, 500, 400, 550, 420, 'yellow')

rect.vitesse(15, 0, 100)
oval.vitesse(-5, -10, 100)

jeu.mainloop()

On constate sur cet exemple l'efficacité de la programmation objet : à partir d'un objet générique (qui possède les caractéristiques communes à tous les objets dérivés à venir), on dérive des classes filles qui héritent des attributs et des méthodes de la classe parent, éventuellement surchargés ou remplacés.

Programmation objet

Tutoriel POO

❮ ❯