python - ¿Cómo crear un cuadro de entrada de texto con pygame?

textinput

Question

Quiero obtener algo de entrada de texto del usuario en python y mostrar lo que están escribiendo en un cuadro de texto, y cuando presionan Intro, se almacena en una cadena. He buscado por todas partes pero no puedo encontrar nada (estoy usando pygame)

Answer 1

Puede definir un rect como el área del cuadro de entrada. Si se produce un evento pygame.MOUSEBUTTONDOWN , use el método input_box de input_box rect para verificar si colisiona con event.pos y luego event.pos estableciendo una variable active en True .

Si el cuadro está activo, puede escribir algo y pygame generará eventos pygame.KEYDOWN que tienen un atributo unicode que simplemente puede agregar a una cadena, por ejemplo, text += event.unicode . Si el usuario presiona Intro, puede hacer algo con la cadena de text (en el ejemplo que acabo de imprimir) y restablecerla a '''' .

import pygame as pg


def main():
    screen = pg.display.set_mode((640, 480))
    font = pg.font.Font(None, 32)
    clock = pg.time.Clock()
    input_box = pg.Rect(100, 100, 140, 32)
    color_inactive = pg.Color(''lightskyblue3'')
    color_active = pg.Color(''dodgerblue2'')
    color = color_inactive
    active = False
    text = ''''
    done = False

    while not done:
        for event in pg.event.get():
            if event.type == pg.QUIT:
                done = True
            if event.type == pg.MOUSEBUTTONDOWN:
                # If the user clicked on the input_box rect.
                if input_box.collidepoint(event.pos):
                    # Toggle the active variable.
                    active = not active
                else:
                    active = False
                # Change the current color of the input box.
                color = color_active if active else color_inactive
            if event.type == pg.KEYDOWN:
                if active:
                    if event.key == pg.K_RETURN:
                        print(text)
                        text = ''''
                    elif event.key == pg.K_BACKSPACE:
                        text = text[:-1]
                    else:
                        text += event.unicode

        screen.fill((30, 30, 30))
        # Render the current text.
        txt_surface = font.render(text, True, color)
        # Resize the box if the text is too long.
        width = max(200, txt_surface.get_width()+10)
        input_box.w = width
        # Blit the text.
        screen.blit(txt_surface, (input_box.x+5, input_box.y+5))
        # Blit the input_box rect.
        pg.draw.rect(screen, color, input_box, 2)

        pg.display.flip()
        clock.tick(30)


if __name__ == ''__main__'':
    pg.init()
    main()
    pg.quit()

Aquí hay una variante orientada a objetos que le permite crear fácilmente múltiples cuadros de entrada:

import pygame as pg


pg.init()
screen = pg.display.set_mode((640, 480))
COLOR_INACTIVE = pg.Color(''lightskyblue3'')
COLOR_ACTIVE = pg.Color(''dodgerblue2'')
FONT = pg.font.Font(None, 32)


class InputBox:

    def __init__(self, x, y, w, h, text=''''):
        self.rect = pg.Rect(x, y, w, h)
        self.color = COLOR_INACTIVE
        self.text = text
        self.txt_surface = FONT.render(text, True, self.color)
        self.active = False

    def handle_event(self, event):
        if event.type == pg.MOUSEBUTTONDOWN:
            # If the user clicked on the input_box rect.
            if self.rect.collidepoint(event.pos):
                # Toggle the active variable.
                self.active = not self.active
            else:
                self.active = False
            # Change the current color of the input box.
            self.color = COLOR_ACTIVE if self.active else COLOR_INACTIVE
        if event.type == pg.KEYDOWN:
            if self.active:
                if event.key == pg.K_RETURN:
                    print(self.text)
                    self.text = ''''
                elif event.key == pg.K_BACKSPACE:
                    self.text = self.text[:-1]
                else:
                    self.text += event.unicode
                # Re-render the text.
                self.txt_surface = FONT.render(self.text, True, self.color)

    def update(self):
        # Resize the box if the text is too long.
        width = max(200, self.txt_surface.get_width()+10)
        self.rect.w = width

    def draw(self, screen):
        # Blit the text.
        screen.blit(self.txt_surface, (self.rect.x+5, self.rect.y+5))
        # Blit the rect.
        pg.draw.rect(screen, self.color, self.rect, 2)



def main():
    clock = pg.time.Clock()
    input_box1 = InputBox(100, 100, 140, 32)
    input_box2 = InputBox(100, 300, 140, 32)
    input_boxes = [input_box1, input_box2]
    done = False

    while not done:
        for event in pg.event.get():
            if event.type == pg.QUIT:
                done = True
            for box in input_boxes:
                box.handle_event(event)

        for box in input_boxes:
            box.update()

        screen.fill((30, 30, 30))
        for box in input_boxes:
            box.draw(screen)

        pg.display.flip()
        clock.tick(30)


if __name__ == ''__main__'':
    main()
    pg.quit()

También hay módulos de terceros disponibles como pygame_textinput .

Answer 2

Puede encontrar un gran módulo para la entrada de texto de pygame pygame_textinput .
Lo he estado usando por un tiempo y realmente me gusta. En la descripción se incluye un tutorial sobre cómo usarlo.


Sin embargo, he agregado la posibilidad de dibujar un rectángulo (de color) alrededor del texto, agregando un parámetro rect y un parámetro rect_color a la función __init __ () y agregando

if self.rect != None:
    pygame.draw.rect(screen, self.rect_color, self.rect)    #screen is my pygame display surface

a la función de actualización ( self, events ) .