GUI_TAD/gui_elements.py at main · PabloGoProg/GUI_TAD · GitHub

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
import pygame as pg

'''
BasicConfig esta encargado de de dar una configuración general que pueden
heredar el resto de elementos usados en el gui
'''
class BasicConfig(object):

    ''' Método constructor de la clase BasicConfig '''
    def __init__(self):
        self.font = pg.font.Font(None, 24)

'''
ComboBox o lista desplegable esta encargada de presentar distintas opciones al
usuario, de las cuales el podra seleccionar una
'''
class ComboBox(BasicConfig):

    ''' Método constructor de la clase ComboBox '''
    def __init__(self, name, l, t, w, h):
        super().__init__() # Suplir herencia
        self.name = name
        self.options = []
        self.combo_rects = []
        self.size = pg.Rect(l,t,w,h)
        self.selected_item = self.name
        self.deployed = False

    ''' Deplot se encarga de printar las lista, ya sea que esta este desplegada o no lo este '''
    def deploy(self, screen: pg.display):
        temp_rect = self.size.copy()
        temp_text = self.font.render(self.selected_item, True, (0,0,0))
        pg.draw.rect(screen, (255,255,243), self.size, 0)
        if temp_rect.collidepoint(pg.mouse.get_pos()):
            temp_rect = pg.draw.rect(screen, (0,255,0), self.size, 2)
        else:
            temp_rect = pg.draw.rect(screen, (0,0,0), self.size, 2)
        screen.blit(temp_text, (self.size.centerx - temp_text.get_width()//2, self.size.centery - temp_text.get_height()//2))

        if self.deployed:
            yDelta = self.size.h
            pg.draw.rect(screen, (255,255,243), (self.size.x, self.size.y + self.size.h, self.size.w, self.size.h + (len(self.options)-1) * yDelta), 0)
            for i in range(len(self.options)):
                temp_rect.y += yDelta
                if len(self.combo_rects) < len(self.options):
                    self.combo_rects.append(temp_rect)
                if temp_rect.collidepoint(pg.mouse.get_pos()):
                    temp_rect = pg.draw.rect(screen, (0,255,0), temp_rect, 2)
                else:
                    temp_rect = pg.draw.rect(screen, (0,0,0), temp_rect, 2)
                temp_text = self.font.render(self.options[i], True, (0,0,0))
                screen.blit(temp_text, (temp_rect.centerx - temp_text.get_width()//2, temp_rect.centery - temp_text.get_height()//2))

    ''' Se encarga de manejar la seleccion de algun item de la lista '''
    def select_item(self):
        for option in self.combo_rects:
            if option.collidepoint(pg.mouse.get_pos()):
                self.selected_item = self.options[self.combo_rects.index(option)]
                self.deployed = False

'''
La clase Button (Boton) esta encargada de generar una configuración basica de un
elemento interactivo para el usuario, el cual podra tocarlo esperando algún output
'''
class Button(BasicConfig):

    ''' Método constructor de la clase Button '''
    def __init__(self, name, l, t, w, h):
        super().__init__() # Suplir herencia
        self.name = name
        self.hitbox = pg.Rect(l, t, w, h)

    ''' Método encargado de dibnujar el boton en una pantalla (screen) '''
    def draw_button(self, screen: pg.display):
        text = self.font.render(self.name, True, (0,0,0))
        pg.draw.rect(screen, (255,255,243), self.hitbox, 0)
        if self.hitbox.collidepoint(pg.mouse.get_pos()):
            pg.draw.rect(screen, (0,255,0), self.hitbox, 2)
        else:
            pg.draw.rect(screen, (0,0,0), self.hitbox, 2)
        screen.blit(text, (self.hitbox.centerx - text.get_width()//2, self.hitbox.centery - text.get_height()//2))

'''
El recuadro de texto (TextField) es una clase encargada de suplir la toma y manejo de
inputs de texto ingresdo por el usuario en una interfaz grafica
'''
class TextFeild(BasicConfig):

    ''' Método constructor de la clase TextField '''
    def __init__(self, name, l, t, w, h):
        super().__init__() # Suplir herencia
        self.name = name
        self.input = ""
        self.hitbox = pg.Rect(l, t, w, h)
        self.active = False

    ''' Método encargado de dibujar el cuadro de texto en una pantalla (screen) '''
    def draw_text_field(self, screen):
        text_surface = self.font.render(self.input, True, (0,0,0))
        if self.hitbox.collidepoint(pg.mouse.get_pos()):
            pg.draw.rect(screen, (0,255,0), self.hitbox, 2)
        else:
            pg.draw.rect(screen, (0,0,0), self.hitbox, 2)
        screen.blit(text_surface, (self.hitbox.centerx - text_surface.get_width()//2, self.hitbox.centery - text_surface.get_height()//2))