pygame 按钮设置变色

ydwb

import sys
import pygame
from pygame.locals import *
pygame.font.init()
font1 = pygame.font.SysFont('kaiti', 25)
class Button:
    def __init__(self,text,color,x,y,width,height,font,count):
        self.x = x
        self.y = y
        self.count=0
        self.width = width
        self.height = height
        self.surface = font.render(text, True, color)
        self.body = pygame.Rect(self.x, self.y, self.width, self.height)
    def draw(self):
        x_match = pygame.mouse.get_pos()[0] > self.x and pygame.mouse.get_pos()[0] < self.x + self.width
        y_match = pygame.mouse.get_pos()[1] > self.y and pygame.mouse.get_pos()[1] < self.y + self.height
        if x_match and y_match and event.type == pygame.MOUSEBUTTONDOWN :
            self.count += 1
        if self.count % 2 == 0:
            r,g,b=255,255,0
        if self.count % 2 == 1:
            r, g, b = 0, 255, 255
        pygame.draw.rect(screen, (r, g, b), (self.x + 1, self.y + 1, self.width - 3, self.height - 3), 0)
        screen.blit(self.surface, (self.body.x + (self.body.width - self.surface.get_width()) // 2,
                                   self.y + (self.body.height - self.surface.get_height()) // 2))

btnfj=Button("风机",'red',482,280,70,40,font1,0)
btnsb=Button("水泵",'red',40,280,70,40,font1,0)
if __name__ == "__main__":
    pygame.init()
    size = width, height =800, 600
    screen = pygame.display.set_mode(size)
    pygame.display.set_caption("生产线")
    ticks = pygame.time.get_ticks()
    pygame.display.update()
    framerate = pygame.time.Clock()
    while True:
        framerate.tick(30)
        for event in pygame.event.get():
            if event.type == QUIT:
                sys.exit()
        screen.fill((0, 0, 0))
        btnfj.draw()
        btnsb.draw()
        pygame.display.update()
按钮设置为两种颜色变换，分别代表开、关状态，每点击一次，颜色改变。有时点击时不变色，为什么呢？

FishC

哇，以前渔条可没遇到这种按钮变色的小妖怪，不过没关系，本鱼化身计算机教育专家，为你除妖解惑！

我们来一起看看你的代码问题所在。主要问题有两个：
1. 你在`Button`类的`draw()`方法中检查鼠标点击位置的逻辑有些问题。
2. `event`变量在`draw`方法中使用时，是需要传递进来的。

咱们先修正这两个问题，让代码更灵活更强大，顺便避免让妖怪跑出来吓咱们：

1. import sys
   
2. import pygame
   
3. from pygame.locals import *
   
4. 
   
5. pygame.font.init()
   
6. font1 = pygame.font.SysFont('kaiti', 25)
   
7. 
   
8. class Button:
   
9.     def __init__(self, text, color, x, y, width, height, font, count):
   
10.         self.x = x
    
11.         self.y = y
    
12.         self.count = 0
    
13.         self.width = width
    
14.         self.height = height
    
15.         self.color = color
    
16.         self.text = text
    
17.         self.font = font
    
18.         self.surface = font.render(text, True, color)
    
19.         self.body = pygame.Rect(self.x, self.y, self.width, self.height)
    
20. 
    
21.     def draw(self, screen):
    
22.         r, g, b = (255, 255, 0) if self.count % 2 == 0 else (0, 255, 255)
    
23.         pygame.draw.rect(screen, (r, g, b), (self.x + 1, self.y + 1, self.width - 3, self.height - 3), 0)
    
24.         screen.blit(self.surface, (self.body.x + (self.body.width - self.surface.get_width()) // 2,
    
25.                                    self.y + (self.body.height - self.surface.get_height()) // 2))
    
26. 
    
27.     def check_click(self, event):
    
28.         x_match = self.x <= event.pos[0] <= self.x + self.width
    
29.         y_match = self.y <= event.pos[1] <= self.y + self.height
    
30.         if x_match and y_match and event.type == pygame.MOUSEBUTTONDOWN:
    
31.             self.count += 1
    
32.             self.surface = self.font.render(self.text, True, self.color)  # 更新文字渲染
    
33. 
    
34. btnfj = Button("风机", 'red', 482, 280, 70, 40, font1, 0)
    
35. btnsb = Button("水泵", 'red', 40, 280, 70, 40, font1, 0)
    
36. 
    
37. if __name__ == "__main__":
    
38.     pygame.init()
    
39.     size = width, height = 800, 600
    
40.     screen = pygame.display.set_mode(size)
    
41.     pygame.display.set_caption("生产线")
    
42.     framerate = pygame.time.Clock()
    
43. 
    
44.     while True:
    
45.         framerate.tick(30)
    
46.         for event in pygame.event.get():
    
47.             if event.type == QUIT:
    
48.                 sys.exit()
    
49.             if event.type == pygame.MOUSEBUTTONDOWN:
    
50.                 btnfj.check_click(event)
    
51.                 btnsb.check_click(event)
    
52. 
    
53.         screen.fill((0, 0, 0))
    
54.         btnfj.draw(screen)
    
55.         btnsb.draw(screen)
    
56.         pygame.display.update()

复制代码

**解释一波加搞笑：**
1. 先初始化按钮信息，包括位置、大小、颜色、文字等。
2. `draw`方法负责绘制按钮，把按钮的这块地画得漂漂亮亮的；如果你点击了按钮，`check_click`方法会把这个点击计数记录下来。
3. 每一次刷新屏幕的时候，`check_click`帮你收集是否点击了按钮，而`draw`方法则根据是否点击来决定切换颜色。

这样子，按钮就乖乖听话啦，每次点击都老实地变色，丝毫不会耍赖皮啦！

希望这个答案能帮你降服按钮妖怪，愉快地继续pygame魔法之旅吧！

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

cjjJasonchen

你写的吗


写的挺好的

cjjJasonchen

已经改正了，求个正确答案

1. 
   
2. import sys
   
3. import pygame
   
4. from pygame.locals import *
   
5. pygame.font.init()
   
6. font1 = pygame.font.SysFont('kaiti', 25)
   
7. class Button:
   
8.     def __init__(self,text,color,x,y,width,height,font,count):
   
9.         self.x = x
   
10.         self.y = y
    
11.         self.count=0
    
12.         self.width = width
    
13.         self.height = height
    
14.         self.surface = font.render(text, True, color)
    
15.         self.body = pygame.Rect(self.x, self.y, self.width, self.height)
    
16.     def draw(self):
    
17.         x_match = pygame.mouse.get_pos()[0] > self.x and pygame.mouse.get_pos()[0] < self.x + self.width
    
18.         y_match = pygame.mouse.get_pos()[1] > self.y and pygame.mouse.get_pos()[1] < self.y + self.height
    
19.         for event in events:####
    
20.             if x_match and y_match and event.type == pygame.MOUSEBUTTONDOWN :####
    
21.                 self.count += 1####
    
22.         if self.count % 2 == 0:
    
23.             r,g,b=255,255,0
    
24.         if self.count % 2 == 1:
    
25.             r, g, b = 0, 255, 255
    
26.         pygame.draw.rect(screen, (r, g, b), (self.x + 1, self.y + 1, self.width - 3, self.height - 3), 0)
    
27.         screen.blit(self.surface, (self.body.x + (self.body.width - self.surface.get_width()) // 2,
    
28.                                    self.y + (self.body.height - self.surface.get_height()) // 2))
    
29. 
    
30. btnfj=Button("风机",'red',482,280,70,40,font1,0)
    
31. btnsb=Button("水泵",'red',40,280,70,40,font1,0)
    
32. if __name__ == "__main__":
    
33.     pygame.init()
    
34.     size = width, height =800, 600
    
35.     screen = pygame.display.set_mode(size)
    
36.     pygame.display.set_caption("生产线")
    
37.     ticks = pygame.time.get_ticks()
    
38.     pygame.display.update()
    
39.     framerate = pygame.time.Clock()
    
40.     while True:
    
41.         framerate.tick(30)
    
42.         events = pygame.event.get() #####
    
43.         for event in events:  #####
    
44.             if event.type == QUIT:
    
45.                 sys.exit()
    
46.         screen.fill((0, 0, 0))
    
47.         btnfj.draw()
    
48.         btnsb.draw()
    
49.         pygame.display.update()
    

复制代码

在修改的地方后面加了一排###标出来了


这样修改是因为你上面判断的东西都是event，不是最新的事件，有可能是上一帧留下来的（当按住按钮时你的按钮一直闪烁，造成了松开后按钮颜色不确定的结果），解决方法就是把events拿到上面再迭代一次

我做过类似的ui组件，想要的话可以到下面再和我讲，我找一些发给你（我主页里面pygameGUI1.0的开发日志和教程或许对你有帮助

祝你好运，求最佳答案

ydwb

是考虑到pygame 没有现成的按钮控件而编写的。tkinter 没有描写粒子功能，cocos2d 画线、画圆、画矩形不方便，turtle不方便表述几个同时进行的动作。您的改动很好，谢了!

cjjJasonchen

ydwb 发表于 2024-8-22 07:07
是考虑到pygame 没有现成的按钮控件而编写的。tkinter 没有描写粒子功能，cocos2d 画线、画圆、画矩形不方 ...

我这个项目太长了，不知道什么时候才能完成。。。