Código e implementación » History » Version 4
Version 3 (ana gutierrez, 09/09/2024 09:27 PM) → Version 4/19 (ana gutierrez, 09/09/2024 09:39 PM)
h1. Código e implementación
<pre><code class="python">
import tkinter as tk
class Aplicacion:
def __init__(self, root):
self.root = root
self.root.title("Blitz")
self.root.geometry("800x450")
self.root.resizable(0, 0)
# Cargar el logo
self.root.iconbitmap("resources/logo.ico")
# Cargar la imagen de fondo
self.imagen_fondo = tk.PhotoImage(file="resources/fondo1.png")
# Crear un Canvas para colocar la imagen de fondo
self.canvas = tk.Canvas(self.root, width=800, height=400)
self.canvas.pack(fill="both", expand=True)
# Colocar la imagen en el Canvas
self.canvas.create_image(0, 0, image=self.imagen_fondo, anchor="nw")
# Imágenes para los botones
self.imagen_central = tk.PhotoImage(file="resources/center.png")
self.imagen_arriba = tk.PhotoImage(file="resources/up.png")
self.imagen_abajo = tk.PhotoImage(file="resources/down.png")
self.imagen_izquierda = tk.PhotoImage(file="resources/left.png")
self.imagen_derecha = tk.PhotoImage(file="resources/right.png")
self.imagen_apagado = tk.PhotoImage(file="resources/off.png")
# Cuadro "transparente"
self.canvas.create_rectangle(50, 210, 230, 390, fill="#052D45", stipple="gray50", outline="")
self.crear_botones()
def crear_botones(self):
self.boton_central = tk.Button(self.root, image=self.imagen_central, borderwidth=0, highlightthickness=0, cursor="hand2")
self.canvas.create_window(140, 300, window=self.boton_central)
self.boton_arriba = tk.Button(self.root, image=self.imagen_arriba, borderwidth=0, highlightthickness=0, cursor="hand2")
self.canvas.create_window(140, 245, window=self.boton_arriba)
self.boton_abajo = tk.Button(self.root, image=self.imagen_abajo, borderwidth=0, highlightthickness=0, cursor="hand2")
self.canvas.create_window(140, 355, window=self.boton_abajo)
self.boton_izquierda = tk.Button(self.root, image=self.imagen_izquierda, borderwidth=0, highlightthickness=0, cursor="hand2")
self.canvas.create_window(85, 300, window=self.boton_izquierda)
self.boton_derecha = tk.Button(self.root, image=self.imagen_derecha, borderwidth=0, highlightthickness=0, cursor="hand2")
self.canvas.create_window(195, 300, window=self.boton_derecha)
self.boton_apagado = tk.Button(self.root, image=self.imagen_apagado, borderwidth=0, highlightthickness=0, cursor="hand2")
self.canvas.create_window(755, 400, window=self.boton_apagado)
if __name__ == "__main__":
root = tk.Tk()
app = Aplicacion(root)
root.mainloop()
<pre><code class="python">
import tkinter as tk
class Aplicacion:
def __init__(self, root):
self.root = root
self.root.title("Blitz")
self.root.geometry("800x450")
self.root.resizable(0, 0)
# Cargar el logo
self.root.iconbitmap("resources/logo.ico")
# Cargar la imagen de fondo
self.imagen_fondo = tk.PhotoImage(file="resources/fondo1.png")
# Crear un Canvas para colocar la imagen de fondo
self.canvas = tk.Canvas(self.root, width=800, height=400)
self.canvas.pack(fill="both", expand=True)
# Colocar la imagen en el Canvas
self.canvas.create_image(0, 0, image=self.imagen_fondo, anchor="nw")
# Imágenes para los botones
self.imagen_central = tk.PhotoImage(file="resources/center.png")
self.imagen_arriba = tk.PhotoImage(file="resources/up.png")
self.imagen_abajo = tk.PhotoImage(file="resources/down.png")
self.imagen_izquierda = tk.PhotoImage(file="resources/left.png")
self.imagen_derecha = tk.PhotoImage(file="resources/right.png")
self.imagen_apagado = tk.PhotoImage(file="resources/off.png")
# Cuadro "transparente"
self.canvas.create_rectangle(50, 210, 230, 390, fill="#052D45", stipple="gray50", outline="")
self.crear_botones()
def crear_botones(self):
self.boton_central = tk.Button(self.root, image=self.imagen_central, borderwidth=0, highlightthickness=0, cursor="hand2")
self.canvas.create_window(140, 300, window=self.boton_central)
self.boton_arriba = tk.Button(self.root, image=self.imagen_arriba, borderwidth=0, highlightthickness=0, cursor="hand2")
self.canvas.create_window(140, 245, window=self.boton_arriba)
self.boton_abajo = tk.Button(self.root, image=self.imagen_abajo, borderwidth=0, highlightthickness=0, cursor="hand2")
self.canvas.create_window(140, 355, window=self.boton_abajo)
self.boton_izquierda = tk.Button(self.root, image=self.imagen_izquierda, borderwidth=0, highlightthickness=0, cursor="hand2")
self.canvas.create_window(85, 300, window=self.boton_izquierda)
self.boton_derecha = tk.Button(self.root, image=self.imagen_derecha, borderwidth=0, highlightthickness=0, cursor="hand2")
self.canvas.create_window(195, 300, window=self.boton_derecha)
self.boton_apagado = tk.Button(self.root, image=self.imagen_apagado, borderwidth=0, highlightthickness=0, cursor="hand2")
self.canvas.create_window(755, 400, window=self.boton_apagado)
if __name__ == "__main__":
root = tk.Tk()
app = Aplicacion(root)
root.mainloop()