{"id":13609,"date":"2023-09-15T22:08:10","date_gmt":"2023-09-15T20:08:10","guid":{"rendered":"https:\/\/pythonprogramming.altervista.org\/?p=13609"},"modified":"2023-09-15T22:08:11","modified_gmt":"2023-09-15T20:08:11","slug":"open-image-gui-with-pygame","status":"publish","type":"post","link":"https:\/\/pythonprogramming.altervista.org\/open-image-gui-with-pygame\/","title":{"rendered":"Open image GUI with Pygame"},"content":{"rendered":"\n

A script to open images with a button in the pygame window. The images is shown into the window.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
import tkinter as tk\nfrom tkinter import filedialog\nimport button as bt\n\n# Hello, this is a snippet\nimport pygame\n\n\npygame.init()\nscreen = pygame.display.set_mode((800, 600))\npygame.display.set_caption('Quick Start')\nclock = pygame.time.Clock()\nbackground = pygame.Surface((800, 600))\nbackground.fill(pygame.Color('#000000'))\n\n\nimages = pygame.sprite.Group()\nclass Image(pygame.sprite.Sprite):\n    def __init__(self, file_path, x, y):\n        super().__init__()\n        self.image = pygame.image.load(file_path)\n        self.rect = self.image.get_rect()\n        self.rect.x = x\n        self.rect.y = y\n        images.add(self)\n\ndef openf():\n    file_path = filedialog.askopenfilename()\n    # img = tk.PhotoImage(file=self.file_path)\n    image = Image(file_path, 0, 30)\n    \n\nb1 = bt.Button()\nb1.render(\"Open_file\")\nb1.command = openf\n\nis_running = True\nwhile is_running:\n\n     screen.blit(background, (0, 0))\n     for event in pygame.event.get():\n         if event.type == pygame.QUIT:\n             is_running = False\n\n     images.update()\n     images.draw(screen)\n     bt.buttons.update()\n     bt.buttons.draw(screen)\n     pygame.display.update()\n     clock.tick(60)\npygame.quit()\n\n<\/pre>\n\n\n\n
The button script imported by the main file<\/p>\n\n\n\n
import pygame\n\n\nscreen = pygame.display.set_mode((800, 600))\nbuttons = pygame.sprite.Group()\nclass Button(pygame.sprite.Sprite):\n    ''' Create a button clickable with changing hover color'''\n\n    def __init__(self,\n                position=(0,0),\n                text=\"Click\",\n                size=16,\n                colors=\"white on blue\",\n                hover_colors=\"red on green\",\n                style=1,\n                borderc=(255,255,255),\n                command=lambda: print(\"No command activated for this button\")):\n\n        # the hover_colors attribute needs to be fixed\n        super().__init__()\n        self.text = text\n        self.command = command\n        # --- colors ---\n        self.colors = colors\n        self.original_colors = colors\n        self.fg, self.bg = self.colors.split(\" on \")\n        if hover_colors == \"red on green\":\n            self.hover_colors = f\"{self.bg} on {self.fg}\"\n        else:\n            self.hover_colors = hover_colors\n        self.style = style\n        self.borderc = borderc # for the style2\n        # font\n        self.font = pygame.font.SysFont(\"Arial\", size)\n        self.position = position\n        self.render(self.text)\n        buttons.add(self)\n\n\n    def render(self, text):\n        self.text = text\n        self.image = self.font.render(self.text, 1, self.fg)\n        self.x, self.y, self.w , self.h = self.image.get_rect()\n        self.x, self.y = self.position\n        self.rect = pygame.Rect(self.x, self.y, self.w, self.h)\n        self.pressed = 1\n\n        ''' create the surface with a text in self.image '''\n        self.rect = self.image.get_rect()\n\n\n    def update(self):\n        ''' called by buttons.update, the group of buttons '''\n        self.fg, self.bg = self.colors.split(\" on \")\n        if self.style == 1:\n            self.draw_button1()\n        elif self.style == 2:\n            self.draw_button2()\n        self.hover()\n        self.click()\n\n    def draw_button1(self):\n        ''' draws 4 lines around the button and the background '''\n        # horizontal up\n        pygame.draw.line(screen, (150, 150, 150), (self.x, self.y), (self.x + self.w , self.y), 5)\n        pygame.draw.line(screen, (150, 150, 150), (self.x, self.y - 2), (self.x, self.y + self.h), 5)\n        # horizontal down\n        pygame.draw.line(screen, (50, 50, 50), (self.x, self.y + self.h), (self.x + self.w , self.y + self.h), 5)\n        pygame.draw.line(screen, (50, 50, 50), (self.x + self.w , self.y + self.h), [self.x + self.w , self.y], 5)\n        # background of the button\n        pygame.draw.rect(screen, self.bg, (self.x, self.y, self.w , self.h))  \n\n    def draw_button2(self):\n        ''' a linear border '''\n        pygame.draw.rect(screen, self.bg, (self.x, self.y, self.w , self.h))\n        pygame.gfxdraw.rectangle(screen, (self.x, self.y, self.w , self.h), self.borderc)\n\n    def hover(self):\n        ''' checks if the mouse is over the button and changes the color if it is true '''\n        if self.rect.collidepoint(pygame.mouse.get_pos()):\n            # you can change the colors when the pointer is on the button if you want\n            self.colors = self.hover_colors\n            # pygame.mouse.set_cursor(*pygame.cursors.diamond)\n        else:\n            self.colors = self.original_colors\n            \n        self.render(self.text)\n\n    def click(self):\n        ''' checks if you click on the button and makes the call to the action just one time'''\n        if self.rect.collidepoint(pygame.mouse.get_pos()):\n            if pygame.mouse.get_pressed()[0] and self.pressed == 1:\n                print(\"Execunting code for button '\" + self.text + \"'\")\n                self.command()\n                self.pressed = 0\n            if pygame.mouse.get_pressed() == (0,0,0):\n                self.pressed = 1\n<\/pre>\n\n\n\n
<\/p>\n\n\n\n
\r\n