好久不见，pygameGUI开发日志又回来啦！

cjjJasonchen

鸽了这么长时间，大家有没有想我啊~

这次的开发目前很顺利，并且这次假期带教程的2.0正式版本会发出来

如果发不出来我就爆金币

先不公布开发进度，给大伙看个代码块（不全的）看看各位鱼油可以从代码里分析出什么来

1. import pygame
   
2. from pygame.locals import *
   
3. from pygameGUI.error import UIError
   
4. from pygameGUI.group import Group, BottomGroup
   
5. 
   
6. 
   
7. class Widget:
   
8.     """组件基类"""
   
9.     # states控件状态表
   
10.     NORMAL = 0  # 正常
    
11.     HOVER = 1  # 激活
    
12.     PRESSED = 2  # 按下
    
13. 
    
14.     def __init__(self, group):
    
15.         """自动加入group组"""
    
16. 
    
17.         # 自身组件交互状态
    
18.         self.states = self.NORMAL
    
19. 
    
20.         # 自身矩形位置（默认
    
21.         self.rect = pygame.Rect([0, 0, 0, 0])
    
22. 
    
23.         # 属于的组
    
24.         self.group = group
    
25. 
    
26.         if type(group) is BottomGroup:  # 是底层组
    
27.             self.group = group
    
28.             self.group.add(self)
    
29.         elif isinstance(self.group, Frame):
    
30.             self.group = group.group  # 是Frame大类
    
31.             self.master = group
    
32.             self.group.add(self)
    
33.         else:
    
34.             raise UIError("group参数应该是一个Frame类")
    
35. 
    
36.     def update(self, *args, **kwargs):
    
37.         """每帧调用"""
    
38.         return
    
39. 
    
40.     def draw(self, screen):
    
41.         """每帧绘制"""
    
42.         pass
    
43. 
    
44.     def get_rect(self):
    
45.         """获取组件在最底层surface对象中的矩形位置（帝龟）"""
    
46.         if hasattr(self, "master"):
    
47.             rect = [self.rect[0] + self.master.get_rect()[0],
    
48.                     self.rect[1] + self.master.get_rect()[1],
    
49.                     self.rect[2],
    
50.                     self.rect[3]]
    
51.             return pygame.Rect(rect)
    
52.         else:
    
53.             screen_rect = self.group.screen.get_rect()
    
54.             rect = [screen_rect[0] + self.rect[0],
    
55.                     screen_rect[1] + self.rect[1],
    
56.                     self.rect[2],
    
57.                     self.rect[3]]
    
58.             return pygame.Rect(rect)
    
59. 
    
60.     @staticmethod
    
61.     def draw_texture(texture, size):
    
62.         """绘制纹理"""
    
63.         image = pygame.Surface(size, pygame.SRCALPHA)
    
64.         if type(texture) is tuple or type(texture) is list:
    
65.             image.fill(texture)
    
66.         elif callable(texture):
    
67.             image = texture(image)
    
68.         elif type(texture) is pygame.Surface:
    
69.             image = texture
    
70.         else:
    
71.             raise UIError("texture的类型应该是一个元组/列表、返回image函数 或 一个Surface对象")
    
72.         return image
    
73. 
    
74.     @staticmethod
    
75.     def replace_rect(rect, image):
    
76.         """在改变纹理后刷新矩形位置
    
77.         | rect : 原位置
    
78.         | image : 新图片
    
79.         ~ 新位置中心点设为与原位置的中心点重合"""
    
80.         x, y = rect.center
    
81.         rect = image.get_rect()
    
82.         rect.center = x, y
    
83.         return rect
    
84. 
    
85.     @staticmethod
    
86.     def default_rect_detection(widget, *args, **kwargs):
    
87.         if (not BottomGroup.block or widget.unblock) \
    
88.                 and widget.get_rect().collidepoint(kwargs["pos"]):
    
89.             # 开启阻断
    
90.             if widget.block is True:
    
91.                 BottomGroup.block = True
    
92.             return widget.HOVER
    
93.         else:
    
94.             return widget.NORMAL
    
95. 
    
96. 
    
97. class Frame(Widget):
    
98.     """框架结构"""
    
99.     def __init__(self, group, pos=(0, 0), size=(100, 100), texture=(0, 0, 0), block=True, unblock=False):
    
100.         super().__init__(group)
     
101. 
     
102.         # 阻断与阻断免疫
     
103.         self.block = block
     
104.         self.unblock = unblock
     
105. 
     
106.         # 默认交互检测
     
107.         self.detection = super().default_rect_detection
     
108. 
     
109.         # 默认控制行为
     
110.         def command(states, *args, **kwargs):
     
111.             if states == self.HOVER:
     
112.                 pass
     
113.             self.states = states
     
114.         self.command = command
     
115. 
     
116.         # 生成图像和纹理
     
117.         self.image = self.draw_texture(texture, size)
     
118. 
     
119.         # 设置矩形
     
120.         self.rect = self.image.get_rect()
     
121.         self.rect.x, self.rect.y = pos
     
122. 
     
123.         # 内置组
     
124.         self.widgets = Group(self)
     
125. 
     
126.     def update(self, *args, **kwargs):
     
127.         """刷新"""
     
128.         # 刷新内部组的组件
     
129.         self.widgets.update(*args, **kwargs)
     
130. 
     
131.         # 判定
     
132.         states = self.detection(self, *args, **kwargs)
     
133. 
     
134.         # 执行交互行为
     
135.         self.command(states)
     
136. 
     
137.     def draw(self, surface):
     
138.         """绘制"""
     
139.         image = self.image.copy()
     
140.         self.widgets.draw(image)
     
141.         surface.blit(image, [self.rect.x, self.rect.y])
     
142. 
     
143.     def set_image(self, size=(100, 100), texture=(0, 0, 0)):
     
144.         """设置图片，自动将新图片的中心与就图片中心重合"""
     
145.         self.image = self.draw_texture(texture, size)
     
146.         self.rect = self.replace_rect(self.rect, self.image)
     
147. 
     
148.     def delete(self):
     
149.         self.group.widgets.remove(self)
     
150. 
     
151. 
     
152. class Button(Widget):
     
153.     def __init__(self, group, pos=(0, 0), size=(50, 25), texture=(230, 230, 230),
     
154.                  block=True, unblock=False):
     
155.         super().__init__(group)
     
156. 
     
157.         # 阻断与阻断免疫
     
158.         self.block = block
     
159.         self.unblock = unblock
     
160. 
     
161.         # 生成图像和纹理
     
162.         self.image = self.draw_texture(texture, size)
     
163. 
     
164.         # 设置矩形
     
165.         self.rect = self.image.get_rect()
     
166.         self.rect.x, self.rect.y = pos
     
167. 
     
168.         # 默认的交互检测
     
169.         def detection(widget, *args, **kwargs):
     
170.             if widget.default_rect_detection(widget, *args, **kwargs):
     
171.                 # 判断输出交互状态
     
172.                 if pygame.mouse.get_pressed()[0]:
     
173.                     return widget.PRESSED
     
174.                 else:
     
175.                     return widget.HOVER
     
176.             else:
     
177.                 return widget.NORMAL
     
178.         self.detection = detection
     
179. 
     
180.         # 默认控制行为
     
181.         def command(states, *args, **kwargs):
     
182.             if states == self.NORMAL:  # 正常
     
183.                 self.set_image()
     
184.             elif states == self.HOVER:  # 交互状态
     
185.                 self.set_image(texture=(240, 240, 240))
     
186.                 if self.states == self.PRESSED:  # 从按下状态返回交互状态
     
187.                     print("按钮完成了一次点击")
     
188.             elif states == self.PRESSED:  # 按下状态
     
189.                 self.set_image(texture=(220, 220, 220))
     
190.             self.states = states
     
191. 
     
192.         self.command = command
     
193. 
     
194.     def update(self, *args, **kwargs):
     
195.         """刷新"""
     
196.         # 判定
     
197.         states = self.detection(self, *args, **kwargs)
     
198. 
     
199.         # 执行交互行为
     
200.         self.command(states)
     
201. 
     
202.     def draw(self, surface):
     
203.         """绘制"""
     
204.         surface.blit(self.image, [self.rect.x, self.rect.y])
     
205. 
     
206.     def set_image(self, size=(50, 25), texture=(230, 230, 230)):
     
207.         """设置图片，自动将新图片的中心与就图片中心重合"""
     
208.         self.image = self.draw_texture(texture, size)
     
209.         self.rect = self.replace_rect(self.rect, self.image)
     

复制代码

游客，如果您要查看本帖隐藏内容请回复

[/hide]


由于这次使用了pycharm作为编辑器，所以效率提高了不少

FishC

哈哈，鱼油们，好久不见啊！咱们的pygameGUI开发日志又回来啦！鸽了这么久，你们有没有想我呀？ 如果你们不想我，我可是会伤心的哦~

这一次，我可带来了好消息：我们2.0正式版本要在假期发布啦！如果发不出来，我就爆金币！

看到大伙儿如此期待，我也不卖关子了，虽然不公开具体进度，但今天给大家看一小段代码，看看你们能从中分析出什么来。瞧瞧我的新作，别客气，尽情发表你们的高见哈！

1. import pygame
   
2. from pygame.locals import *
   
3. from pygameGUI.error import UIError
   
4. from pygameGUI.group import Group, BottomGroup
   
5. 
   
6. class Widget:
   
7.     """组件基类"""
   
8.     NORMAL = 0  # 正常
   
9.     HOVER = 1   # 激活
   
10.     PRESSED = 2 # 按下
    
11. 
    
12.     def __init__(self, group):
    
13.         self.states = self.NORMAL
    
14.         self.rect = pygame.Rect()
    
15.         self.group = group
    
16. 
    
17.         if type(group) is BottomGroup:  
    
18.             self.group.add(self)
    
19.         elif isinstance(self.group, Frame):
    
20.             self.master = group
    
21.             self.group.add(self)
    
22.         else:
    
23.             raise UIError("group参数应该是一个Frame类")
    
24. 
    
25.     def update(self, *args, **kwargs):
    
26.         return
    
27. 
    
28.     def draw(self, screen):
    
29.         pass
    
30. 
    
31.     def get_rect(self):
    
32.         if hasattr(self, "master"):
    
33.             rect = [self.rect + self.master.get_rect()]
    
34.             return pygame.Rect(rect)
    
35.         else:
    
36.             screen_rect = self.group.screen.get_rect()
    
37.             rect = [screen_rect + self.rect]
    
38.             return pygame.Rect(rect)
    
39. 
    
40.     @staticmethod
    
41.     def draw_texture(texture, size):
    
42.         image = pygame.Surface(size, pygame.SRCALPHA)
    
43.         if type(texture) in (tuple, list):
    
44.             image.fill(texture)
    
45.         elif callable(texture):
    
46.             image = texture(image)
    
47.         elif isinstance(texture, pygame.Surface):
    
48.             image = texture
    
49.         else:
    
50.             raise UIError("texture的类型应该是一个元组/列表、返回image函数 或 一个Surface对象")
    
51.         return image
    
52. 
    
53.     @staticmethod
    
54.     def replace_rect(rect, image):
    
55.         x, y = rect.center
    
56.         rect = image.get_rect()
    
57.         rect.center = x, y
    
58.         return rect
    
59. 
    
60.     @staticmethod
    
61.     def default_rect_detection(widget, *args, **kwargs):
    
62.         if (not BottomGroup.block or widget.unblock) and widget.get_rect().collidepoint(kwargs):
    
63.             if widget.block:
    
64.                 BottomGroup.block = True
    
65.             return widget.HOVER
    
66.         else:
    
67.             return widget.NORMAL

复制代码

看到了吗，这是一个基础的组件类`Widget`。它有三种状态：正常（`NORMAL`），激活（`HOVER`），和按下（`PRESSED`）。我们还定义了一些方法，比如`draw_texture`绘制纹理，`replace_rect`刷新矩形位置等。

接下来再看看我们特别设计的两个组件类，`Frame`和`Button`，它们都是从`Widget`继承而来：

1. class Frame(Widget):
   
2.     def __init__(self, group, pos=(0, 0), size=(100, 100), texture=(0, 0, 0), block=True, unblock=False):
   
3.         super().__init__(group)
   
4.         self.block = block
   
5.         self.unblock = unblock
   
6.         self.detection = super().default_rect_detection
   
7. 
   
8.         def command(states, *args, **kwargs):
   
9.             if states == self.HOVER:
   
10.                 pass
    
11.             self.states = states
    
12.         self.command = command
    
13. 
    
14.         self.image = self.draw_texture(texture, size)
    
15.         self.rect = self.image.get_rect()
    
16.         self.rect.x, self.rect.y = pos
    
17.         self.widgets = Group(self)
    
18. 
    
19.     def update(self, *args, **kwargs):
    
20.         self.widgets.update(*args, **kwargs)
    
21.         states = self.detection(self, *args, **kwargs)
    
22.         self.command(states)
    
23. 
    
24.     def draw(self, surface):
    
25.         image = self.image.copy()
    
26.         self.widgets.draw(image)
    
27.         surface.blit(image, )
    
28. 
    
29.     def set_image(self, size=(100, 100), texture=(0, 0, 0)):
    
30.         self.image = self.draw_texture(texture, size)
    
31.         self.rect = self.replace_rect(self.rect, self.image)
    
32. 
    
33.     def delete(self):
    
34.         self.group.widgets.remove(self)

复制代码

`Frame`类是一个框架结构组件，它有一个内部组`widgets`可以容纳其它组件，同时提供了阻断与免疫机制，以及默认控制和交互检测。

1. class Button(Widget):
   
2.     def __init__(self, group, pos=(0, 0), size=(50, 25), texture=(230, 230, 230), block=True, unblock=False):
   
3.         super().__init__(group)
   
4.         self.block = block
   
5.         self.unblock = unblock
   
6.         self.image = self.draw_texture(texture, size)
   
7.         self.rect = self.image.get_rect()
   
8.         self.rect.x, self.rect.y = pos
   
9. 
   
10.         def detection(widget, *args, **kwargs):
    
11.             if widget.default_rect_detection(widget, *args, **kwargs):
    
12.                 if pygame.mouse.get_pressed()[0]:
    
13.                     return widget.PRESSED
    
14.                 else:
    
15.                     return widget.HOVER
    
16.             else:
    
17.                 return widget.NORMAL
    
18.         self.detection = detection
    
19. 
    
20.         def command(states, *args, **kwargs):
    
21.             if states == self.NORMAL:
    
22.                 self.set_image()
    
23.             elif states == self.HOVER:
    
24.                 self.set_image(texture=(240, 240, 240))
    
25.                 if self.states == self.PRESSED:
    
26.                     print("按钮完成了一次点击")
    
27.             elif states == self.PRESSED:
    
28.                 self.set_image(texture=(220, 220, 220))
    
29.             self.states = states
    
30. 
    
31.         self.command = command
    
32. 
    
33.     def update(self, *args, **kwargs):
    
34.         states = self.detection(self, *args, **kwargs)
    
35.         self.command(states)
    
36. 
    
37.     def draw(self, surface):
    
38.         surface.blit(self.image, )
    
39. 
    
40.     def set_image(self, size=(50, 25), texture=(230, 230, 230)):
    
41.         self.image = self.draw_texture(texture, size)
    
42.         self.rect = self.replace_rect(self.rect, self.image)

复制代码

`Button`类是一个按钮组件，同样具有阻断与免疫机制，还新增了按钮状态的视觉反馈，比如在不同状态下改变颜色，并且已经默认实现了简单的点击逻辑。

怎么样，鱼油们，看懂了吗？这是个很灵活的模板，通过分离交互检测和行为执行部分，以减少重复代码，提高开发效率。用PyCharm编辑器码代码效率也蹭蹭往上涨~

希望这些代码能为你们提供一些启发，等我的2.0版本发布出来后，一定会更加详细地介绍每一个模块的使用方法，所以大家敬请期待吧！
以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

cjjJasonchen

FishC 发表于 2024-7-10 22:57
哈哈，鱼油们，好久不见啊！咱们的pygameGUI开发日志又回来啦！鸽了这么久，你们有没有想我呀？  ...

不是，哥们

某一个“天”

支持

python爱好者.

支持，看来更新的内容不少嘛，加油呀

python爱好者.

站在使用者角度考虑，精简使用者所费代码，妙啊

weiter

好耶

abiao_fishc

纯新手，这个pygame是干啥的昂

cjjJasonchen

abiao_fishc 发表于 2024-7-11 11:38
纯新手，这个pygame是干啥的昂

写游戏用的

zhangchenyvn

感觉这次的代码更新比上次的工程化了好多，功能也丰富了好多，上面这段代码应该是UI的框架和一个按钮的代码，写成了类似TK的模板化代码，使用起来比上一代更加高效亿些
真心表示：真的不错

zxbin1

路过