You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
266 lines
10 KiB
266 lines
10 KiB
10 months ago
|
|
||
|
|
# IMPORTATIONS
|
||
|
|
|
||
|
|
import tkinter as tk
|
||
|
|
from PIL import Image as Img
|
||
|
|
from PIL import ImageTk
|
||
|
|
|
||
|
|
|
||
|
|
# CONSTANTES
|
||
|
|
|
||
|
|
TAILLE_IMG = 350
|
||
|
|
FOND_IMAGE = "#222222"
|
||
|
|
|
||
|
|
VISUEL = {
|
||
|
|
'nb caractères':80,
|
||
|
|
'nb lignes':9,
|
||
|
|
'fond':"#EE7722",
|
||
|
|
'écriture':"black",
|
||
|
|
'police': ("Courier", 16)
|
||
|
|
}
|
||
|
|
|
||
|
|
# DECLARATION DES CLASSES PUBLIQUES
|
||
|
|
|
||
|
|
class IHM():
|
||
|
|
'''IHM basique permettant de gérer le projet Manoir Hanté
|
||
|
|
|
||
|
|
Idée générale
|
||
|
|
-------------
|
||
|
|
Interface graphique interactive permettant d'afficher :
|
||
|
|
-> Trois zones de texte : description, actions possibles et caractéristiques ?
|
||
|
|
-> Deux images : une pour le lieu et une pour un monstre ou autre ?
|
||
|
|
|
||
|
|
Classe IHM
|
||
|
|
----------
|
||
|
|
La Classe générant l'interface graphique (GUI en anglais)
|
||
|
|
L'interaction avec le programme gérant les données se fait
|
||
|
|
via la méthode signaler_evenement()
|
||
|
|
|
||
|
|
Méthodes disponibles
|
||
|
|
--------------------
|
||
|
|
signaler_evenement(self, f)
|
||
|
|
afficher_txt_1(self, texte:str)
|
||
|
|
afficher_txt_2(self, texte:str)
|
||
|
|
afficher_txt_3(self, texte:str)
|
||
|
|
afficher_img_1(self, fichier_image:str)
|
||
|
|
afficher_img_2(self, fichier_image:str)
|
||
|
|
'''
|
||
|
|
|
||
|
|
def __init__(self):
|
||
|
|
self.interne = IHM_interne()
|
||
|
|
|
||
|
|
def signaler_evenement(self, f):
|
||
|
|
self.interne.signaler_evenement(f)
|
||
|
|
|
||
|
|
def afficher_txt_1(self, texte:str):
|
||
|
|
self.interne.afficher_txt_1(texte)
|
||
|
|
|
||
|
|
def afficher_txt_2(self, texte:str):
|
||
|
|
self.interne.afficher_txt_2(texte)
|
||
|
|
|
||
|
|
def afficher_txt_3(self, texte:str):
|
||
|
|
self.interne.afficher_txt_3(texte)
|
||
|
|
|
||
|
|
def afficher_img_1(self, fichier_image:str):
|
||
|
|
self.interne.afficher_img_1(fichier_image)
|
||
|
|
|
||
|
|
def afficher_img_2(self, fichier_image:str):
|
||
|
|
self.interne.afficher_img_2(fichier_image)
|
||
|
|
|
||
|
|
|
||
|
|
# DECLARATION DES CLASSES PRIVEES (mais que je n'ai pas caché plus que cela)
|
||
|
|
# Vous pouvez d'ailleurs interagir direction avec elle en notant directement
|
||
|
|
# ihm =IHM_interne() plutôt que ihm = IHM() si vous voulez.
|
||
|
|
|
||
|
|
class IHM_interne(tk.Tk):
|
||
|
|
|
||
|
|
def __init__(self):
|
||
|
|
|
||
|
|
# Création de l'application en elle-même
|
||
|
|
tk.Tk.__init__(self)
|
||
|
|
xmax, ymax = self.obtenir_taille_ecran()
|
||
|
|
self.geometry(f"{xmax}x{ymax}")
|
||
|
|
self.title("MON SUPER JEU")
|
||
|
|
self.configure(bg=FOND_IMAGE)
|
||
|
|
|
||
|
|
|
||
|
|
self.frame_g = self.creer_frame_g(FOND_IMAGE)
|
||
|
|
self.frame_d = self.creer_frame_d(FOND_IMAGE)
|
||
|
|
|
||
|
|
# Création des widgets-labels
|
||
|
|
self.IMAGE_VIDE = ImageTk.PhotoImage(Img.new("RGB", (TAILLE_IMG, TAILLE_IMG), (50, 50, 50)))
|
||
|
|
self.image_1 = self.IMAGE_VIDE
|
||
|
|
self.image_2 = self.IMAGE_VIDE
|
||
|
|
self.label_img_1 = self.creer_label_img_1(self.frame_g, None)
|
||
|
|
self.label_img_2 = self.creer_label_img_2(self.frame_g, None)
|
||
|
|
self.label_txt_1 = self.creer_label_txt_1(self.frame_d, "-", VISUEL)
|
||
|
|
self.label_txt_3 = self.creer_label_txt_3(self.frame_d, "valeurs", VISUEL)
|
||
|
|
self.label_txt_2 = self.creer_label_txt_2(self.frame_d, "-", VISUEL)
|
||
|
|
|
||
|
|
# Configuration intiale des widgets (à commenter si vous ne voulez pas d'images au départ
|
||
|
|
config_depart = ("Ici, on décrit la scène\nSur plusieurs lignes si nécessaire.", "Ici, on donne les choix possibles", None, None, "Caractéristiques aventurier et monstre")
|
||
|
|
self.configuration_scene(config_depart)
|
||
|
|
|
||
|
|
# Gestion des événements
|
||
|
|
self.fonction = None
|
||
|
|
self.bind('<Any-KeyPress>', self.gestion_actions)
|
||
|
|
|
||
|
|
# DECLARATION DES METHODES INTERNES : ne pas utiliser depuis l'extérieur du module
|
||
|
|
|
||
|
|
def obtenir_taille_ecran(self) -> tuple:
|
||
|
|
xmax = self.winfo_screenwidth()
|
||
|
|
ymax = self.winfo_screenheight()
|
||
|
|
return xmax, ymax
|
||
|
|
|
||
|
|
def creer_frame_g(self, fond):
|
||
|
|
zone = tk.Frame(self, bg=fond)
|
||
|
|
zone.pack(side=tk.LEFT, fill=tk.Y, padx=0, pady=0)
|
||
|
|
return zone
|
||
|
|
|
||
|
|
def creer_frame_d(self, fond):
|
||
|
|
zone = tk.Frame(self, bg=fond)
|
||
|
|
zone.pack(side=tk.RIGHT, expand=True, fill=tk.BOTH, padx=0, pady=0)
|
||
|
|
return zone
|
||
|
|
|
||
|
|
def creer_label_txt_1(self:tk.Tk, conteneur, texte:str, visuel:dict) -> tk.Label:
|
||
|
|
auDessus = tk.Label(conteneur, text="DESCRIPTION", fg="#CCCCCC", bg="black", height=3)
|
||
|
|
auDessus.configure(font=visuel['police'])
|
||
|
|
auDessus.pack(side=tk.TOP, fill=tk.X, padx=10, pady=10)
|
||
|
|
|
||
|
|
monLabel = tk.Label(conteneur, text=texte)
|
||
|
|
monLabel.configure(fg=visuel['écriture'])
|
||
|
|
monLabel.configure(bg=visuel['fond'])
|
||
|
|
monLabel.configure(font=visuel['police'])
|
||
|
|
monLabel.pack(side=tk.TOP, fill=tk.BOTH, expand=True, padx=10, pady=10)
|
||
|
|
|
||
|
|
return monLabel
|
||
|
|
|
||
|
|
def creer_label_txt_2(self:tk.Tk, conteneur, texte:str, visuel:dict) -> tk.Label:
|
||
|
|
|
||
|
|
monLabel = tk.Label(conteneur, text=texte)
|
||
|
|
monLabel.configure(fg=visuel['écriture'])
|
||
|
|
monLabel.configure(bg=visuel['fond'])
|
||
|
|
monLabel.configure(width=visuel['nb caractères'])
|
||
|
|
monLabel.configure(height=visuel['nb lignes'])
|
||
|
|
monLabel.configure(font=visuel['police'])
|
||
|
|
monLabel.pack(side=tk.BOTTOM,fill=tk.BOTH, expand=True, padx=10, pady=10)
|
||
|
|
|
||
|
|
auDessus = tk.Label(conteneur, text="ACTIONS POSSIBLES", fg="#CCCCCC", bg="black", height=3)
|
||
|
|
auDessus.configure(font=visuel['police'])
|
||
|
|
auDessus.pack(side=tk.BOTTOM,fill=tk.X, padx=10, pady=10)
|
||
|
|
|
||
|
|
return monLabel
|
||
|
|
|
||
|
|
def creer_label_txt_3(self:tk.Tk, conteneur, texte:str, visuel:dict) -> tk.Label:
|
||
|
|
monLabel = tk.Label(conteneur, text=texte)
|
||
|
|
monLabel.configure(fg=visuel['écriture'])
|
||
|
|
monLabel.configure(bg=visuel['fond'])
|
||
|
|
monLabel.configure(width=visuel['nb caractères'])
|
||
|
|
monLabel.configure(height=2)
|
||
|
|
monLabel.configure(font=visuel['police'])
|
||
|
|
monLabel.pack(side=tk.BOTTOM, fill=tk.X, padx=10, pady=10)
|
||
|
|
|
||
|
|
auDessus = tk.Label(conteneur, text="Caractéristiques", fg="#CCCCCC", bg="black", height=3)
|
||
|
|
auDessus.configure(font=visuel['police'])
|
||
|
|
auDessus.pack(side=tk.BOTTOM, fill=tk.X, padx=10, pady=10)
|
||
|
|
|
||
|
|
return monLabel
|
||
|
|
|
||
|
|
def creer_label_img_1(self:tk.Tk, conteneur, fichier_image:str) -> tk.Label:
|
||
|
|
|
||
|
|
if fichier_image:
|
||
|
|
objet_image_PIL = Img.open(fichier_image)
|
||
|
|
objet_image_PIL = objet_image_PIL.resize( (TAILLE_IMG, TAILLE_IMG) )
|
||
|
|
objet_image_tk = ImageTk.PhotoImage(objet_image_PIL)
|
||
|
|
self.image_1 = objet_image_tk
|
||
|
|
else:
|
||
|
|
self.image_1 = self.IMAGE_VIDE
|
||
|
|
|
||
|
|
zone_image = tk.Label(conteneur, image=self.image_1)
|
||
|
|
zone_image.configure(bg=FOND_IMAGE)
|
||
|
|
zone_image.pack(side=tk.TOP, ipadx=10, ipady=10)
|
||
|
|
|
||
|
|
return zone_image
|
||
|
|
|
||
|
|
def creer_label_img_2(self:tk.Tk, conteneur, fichier_image:str) -> tk.Label:
|
||
|
|
|
||
|
|
if fichier_image:
|
||
|
|
objet_image_PIL = Img.open(fichier_image)
|
||
|
|
objet_image_PIL = objet_image_PIL.resize( (TAILLE_IMG, TAILLE_IMG) )
|
||
|
|
objet_image_tk = ImageTk.PhotoImage(objet_image_PIL)
|
||
|
|
self.image_2 = objet_image_tk
|
||
|
|
else:
|
||
|
|
self.image_2 = self.IMAGE_VIDE
|
||
|
|
|
||
|
|
zone_image = tk.Label(conteneur, image=self.image_2)
|
||
|
|
zone_image.configure(bg=FOND_IMAGE)
|
||
|
|
zone_image.pack(side=tk.BOTTOM, ipadx=10, ipady=10)
|
||
|
|
|
||
|
|
return zone_image
|
||
|
|
|
||
|
|
def gestion_actions(self, event):
|
||
|
|
if self.fonction:
|
||
|
|
self.fonction(event)
|
||
|
|
|
||
|
|
# DECLARATION DES METHODES D'INTERFACE
|
||
|
|
|
||
|
|
def signaler_evenement(self, f):
|
||
|
|
'''Lance un appel à la fonction f transmise lors de l'appui sur une touche'''
|
||
|
|
self.fonction = f
|
||
|
|
|
||
|
|
def configuration_scene(self, configuration_voulue:list):
|
||
|
|
'''Modifie l'affichage sur le GUI'''
|
||
|
|
self.afficher_txt_1(configuration_voulue[0])
|
||
|
|
self.afficher_txt_2(configuration_voulue[1])
|
||
|
|
self.afficher_img_1(configuration_voulue[2])
|
||
|
|
self.afficher_img_2(configuration_voulue[3])
|
||
|
|
self.afficher_txt_3(configuration_voulue[4])
|
||
|
|
|
||
|
|
def afficher_txt_1(self, texte:str):
|
||
|
|
'''Modifie le texte visible dans la zone de texte en haut à gauche'''
|
||
|
|
#largeur_max_ligne = max(map(len, texte.split('\n')))
|
||
|
|
#zone_texte.configure(width=largeur_max_ligne)
|
||
|
|
self.label_txt_1.configure(text=texte)
|
||
|
|
|
||
|
|
def afficher_txt_2(self, texte:str):
|
||
|
|
'''Modifie le texte visible dans la zone de texte en haut à gauche'''
|
||
|
|
#largeur_max_ligne = max(map(len, texte.split('\n')))
|
||
|
|
#zone_texte.configure(width=largeur_max_ligne)
|
||
|
|
self.label_txt_2.configure(text=texte)
|
||
|
|
|
||
|
|
def afficher_txt_3(self, texte:str):
|
||
|
|
'''Modifie le texte visible dans la zone de texte en haut à gauche'''
|
||
|
|
#largeur_max_ligne = max(map(len, texte.split('\n')))
|
||
|
|
#zone_texte.configure(width=largeur_max_ligne)
|
||
|
|
self.label_txt_3.configure(text=texte)
|
||
|
|
|
||
|
|
def afficher_img_1(self, fichier_image:str):
|
||
|
|
'''Modifie le texte visible dans la zone de texte en haut à gauche'''
|
||
|
|
if fichier_image:
|
||
|
|
objet_image_PIL = Img.open(fichier_image)
|
||
|
|
objet_image_PIL = objet_image_PIL.resize( (TAILLE_IMG, TAILLE_IMG) )
|
||
|
|
objet_image_tk = ImageTk.PhotoImage(objet_image_PIL)
|
||
|
|
self.image_1 = objet_image_tk
|
||
|
|
else:
|
||
|
|
self.image_1 = self.IMAGE_VIDE
|
||
|
|
|
||
|
|
self.label_img_1.configure(image=self.image_1)
|
||
|
|
|
||
|
|
def afficher_img_2(self, fichier_image:str):
|
||
|
|
'''Modifie le texte visible dans la zone de texte en haut à gauche'''
|
||
|
|
if fichier_image:
|
||
|
|
objet_image_PIL = Img.open(fichier_image)
|
||
|
|
objet_image_PIL = objet_image_PIL.resize( (TAILLE_IMG, TAILLE_IMG) )
|
||
|
|
objet_image_tk = ImageTk.PhotoImage(objet_image_PIL)
|
||
|
|
self.image_2 = objet_image_tk
|
||
|
|
else:
|
||
|
|
self.image_2 = self.IMAGE_VIDE
|
||
|
|
|
||
|
|
self.label_img_2.configure(image=self.image_2)
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
# PROGRAMME PRINCIPAL
|
||
|
|
|
||
|
|
if __name__ == '__main__':
|
||
|
|
application = IHM()
|