pygame窗口：任意缩放

cjjJasonchen

Pygame  游戏开发 —— 梦开始的地方

好久不见~

不知道各位在使用pygame自带的全屏功能的时候，有没有感觉到各种不顺手呢~

今天来教大家驯服pygame自带的全屏功能~~

（此教程为进阶pygame教程，萌新退散~~~）

在小甲鱼老师的旧版教程中，曾经提到过“不建议使用窗口的拖动变形功能，因为会导致动画精灵的变形，位置错误等问题”

但这次，我发现里拖动变形的正确打开方式：

（请看vcr ）

---

上面的视频展示了拖动窗口、全屏，背景填充，鼠标位置的设定与读取等操作，下面先看看源码：

（大概扫一眼就行，这里放出来主要是给大家运行，玩一下，感受一下和普通窗口的区别，别忘了注意控制台哦。后面我会分段细讲代码）

1. import pygame
   
2. import sys
   
3. from pygame.locals import *
   
4. 
   
5. 
   
6. # 颜色常量
   
7. WHITE = (255,255,255)
   
8. BLACK = (0,0,0)
   
9. 
   
10. # 常量
    
11. WHITE = 255, 255, 255
    
12. 
    
13. # 设定窗口
    
14. size = width, height = [1300, 700]  # 16*50 : 9*60
    
15. window = pygame.display.set_mode(size, RESIZABLE)  # 自由拖动大小
    
16. screen = pygame.Surface(size)
    
17. pygame.display.set_caption("可拖动窗口")
    
18. window_bg = WHITE
    
19. 
    
20. clock = pygame.time.Clock() # 时钟
    
21. 
    
22. delay = 60  # 延时计时器(1秒)
    
23. 
    
24. # 检测和修正全屏
    
25. # noinspection PyShadowingNames
    
26. def check_full(window, full_bool, size):  # -> None
    
27.     """接受参数 fullscreen [bool, bool]
    
28.         [窗口现在是否应该处于全屏状态，是否需要修正窗口状态]
    
29.         用于修改窗口状态（大小以及是否全屏，会自动修改full_bool的值）"""
    
30.     if full_bool[0] and full_bool[1]:  # 现在窗口应该处于全屏状态，并且没有处于全屏状态
    
31.         window = pygame.display.set_mode(pygame.display.list_modes()[0], FULLSCREEN)  # 全屏窗口
    
32.         full_bool[1] = False
    
33.     elif full_bool[1]:  # 不处于全屏状态
    
34.         window = pygame.display.set_mode(size, RESIZABLE)  # 自由拖拽窗口
    
35.         full_bool[1] = False
    
36.     return window
    
37. 
    
38. # 是否全屏
    
39. full_bool = [False, False]  # [是否全屏，是否需要修正窗口状态]
    
40. 
    
41. # 得到鼠标位置
    
42. # noinspection PyShadowingNames
    
43. def get_pos(offset, ratio):
    
44.     """接受两个参数(屏幕绘制的偏移，屏幕缩放比例)"""
    
45.     pos = pygame.mouse.get_pos()
    
46.     pos = [(pos[0]-offset[0])/ratio,
    
47.            (pos[1]-offset[1])/ratio]
    
48.     return pos
    
49. 
    
50. # 设置鼠标位置
    
51. # noinspection PyShadowingNames
    
52. def set_pos(pos, offset, ratio):
    
53.     """接受三个参数(鼠标位置，屏幕绘制的偏移，屏幕缩放比例)"""
    
54.     pos = [pos[0]*ratio+offset[0],
    
55.            pos[1]*ratio+offset[1]]
    
56.     pygame.mouse.set_pos(pos)
    
57. 
    
58. displayed_screen_size = size  # 屏幕的矩形大小
    
59. ratio = 1  # 屏幕缩放率
    
60. 
    
61. # 背景颜色设定
    
62. bg_color = BLACK
    
63. 
    
64. running = True
    
65. 
    
66. while running:
    
67. 
    
68.     # 设定帧数
    
69.     clock.tick(60)
    
70. 
    
71.     # 延时计时器刷新
    
72.     if delay == 0:
    
73.         delay = 60
    
74. 
    
75.     delay -= 1
    
76. 
    
77.     # 检测并修改全屏状态
    
78.     window = check_full(window, full_bool, size)
    
79. 
    
80.     # 得到鼠标位置
    
81.     pos = get_pos([displayed_screen_size[0], displayed_screen_size[1]],
    
82.                     ratio)
    
83. 
    
84.     # 事件检测
    
85.     for event in pygame.event.get():
    
86.         if event.type == QUIT:
    
87.             pygame.quit()
    
88.             sys.exit()
    
89. 
    
90.         # 鼠标
    
91.         if event.type == MOUSEBUTTONDOWN:
    
92.             if event.button == 1: # 左键按下，设置鼠标位置
    
93.                 pos = pygame.mouse.get_pos()
    
94.                 set_pos(
    
95.                     [600,400],
    
96.                     [displayed_screen_size[0], displayed_screen_size[1]],
    
97.                     ratio)
    
98.                 print(f"鼠标位置设定为屏幕[600,400](小白点)处")
    
99.             elif event.button == 3:  # 右键按下，显示鼠标位置
    
100.                 print(pos)
     
101. 
     
102.         # 按键按下事件
     
103.         if event.type == KEYDOWN:
     
104.             if event.key == K_ESCAPE:
     
105.                 pygame.quit()
     
106.                 sys.exit()
     
107.                
     
108.             #F11切换全屏
     
109.             if event.key == K_F11:
     
110.                 full_bool[0] = not full_bool[0]
     
111.                 full_bool[1] = True
     
112. 
     
113.         # 按键抬起事件
     
114.         if event.type == KEYUP:
     
115.             pass
     
116. 
     
117. 
     
118.     # 窗口背景
     
119.     window.fill(WHITE)
     
120.    
     
121.     #屏幕背景
     
122.     screen.fill(BLACK)
     
123.    
     
124. 
     
125.     #画 xxxx
     
126.     # 一个圆
     
127.     pygame.draw.circle(screen, [255,0,0], [300,300], 50, width = 3)
     
128.     # 白点
     
129.     pygame.draw.rect(screen, rect=[600,400,5,5],color=(255,255,255))
     
130.    
     
131. 
     
132.     # 刷新xxx
     
133. 
     
134.     # 调整绘制大小，使之填充窗口
     
135.     screen_rect = screen.get_rect()
     
136.     window_rect = window.get_rect()
     
137.     r1, r2 = abs(window_rect[2]/screen_rect[2]), abs(window_rect[3]/screen_rect[3])
     
138.     if r1 < r2:
     
139.         ratio = r1
     
140.         displayed_screen = pygame.transform.smoothscale(screen,
     
141.                                                         (ratio*size[0], ratio*size[1]))
     
142.     elif r1 > r2:
     
143.         ratio = r2
     
144.         displayed_screen = pygame.transform.smoothscale(screen,
     
145.                                                         (ratio*size[0], ratio*size[1]))
     
146.     else:
     
147.         ratio = 1
     
148.         displayed_screen = screen
     
149.     displayed_screen_size = displayed_screen.get_rect()
     
150.     displayed_screen_size.center = window_rect.center
     
151.     window.blit(displayed_screen,displayed_screen_size)
     
152.    
     
153. 
     
154.     # 刷新界面
     
155.     pygame.display.update()
     
156. 
     
157. 
     

复制代码

---

好的，下面我们开始逐一讲解代码：
（默认各位都有pygame基础，有很多能网上轻易查到的和注释写的就不细说了）

首先看这段修改和检测窗口拖动与全屏模式的函数【约24-39行】

1. # 检测和修正全屏
   
2. # noinspection PyShadowingNames
   
3. def check_full(window, full_bool, size):  # -> None
   
4.     """接受参数 fullscreen [bool, bool]
   
5.         [窗口现在是否应该处于全屏状态，是否需要修正窗口状态]
   
6.         用于修改窗口状态（大小以及是否全屏，会自动修改full_bool的值）"""
   
7.     if full_bool[0] and full_bool[1]:  # 现在窗口应该处于全屏状态，并且没有处于全屏状态
   
8.         window = pygame.display.set_mode(pygame.display.list_modes()[0], FULLSCREEN)  # 全屏窗口
   
9.         full_bool[1] = False
   
10.     elif full_bool[1]:  # 不处于全屏状态
    
11.         window = pygame.display.set_mode(size, RESIZABLE)  # 自由拖拽窗口
    
12.         full_bool[1] = False
    
13.     return window
    
14. 
    
15. # 是否全屏
    
16. full_bool = [False, False]  # [是否全屏，是否需要修正窗口状态]

复制代码

先看第一个参数：window

这里先提一下本文中 window 和 screen 的定义：

小甲鱼曾经说过，pygame 通多 display.set_mode 创建的窗口（同样也是 Surface 对象）,称为 window"窗口" 或 screen"屏幕" ,根据小甲鱼老师的习惯，我们一般把它称为 screen

但是，今天，我们把它称作 window , 因为 screen 还有其他任务要完成

所以，window 今天的任务就是成为一个优秀的窗口，而 screen 仅仅只负责“屏幕”（显示区域）

先看图：

上面视频中的窗口，我将他缩小了一些方便演示

这是上面视频和代码中的窗口，这一整个窗口是 "window"， 但只有黑色部分属于 "screen"。

让我拖拽改变一下窗口大小：

这是拉长后的窗口

我将他拉长了，可以看到，白色的部分从上下两条变成了左右两条，屏幕变大了一些，说明此时窗口的宽度大于屏幕的宽度，高度与屏幕高度相等。
并且上面的红色圆和白色的点位置看起来没有发生变化。

所以，window的xy轴的长度都在能自由变化，而screen只是在比例缩放而已

其他的所有动画精灵等等对象可以像以前一样绘制在 screen 上，再把 screen 绘制再window上就ok辣！

好，现在大家已经知道window是什么了，我们回到代码看下一个参数~

full_bool:
这个参数中传入的就是函数后定义的列表，由两个bool值组成，第一个表示现在window是不是处于全屏状态，第二个是窗口的实际全屏状态是否与第一个布尔值的状态不一致

（在后续事件判定的代码中会判定是否全屏，但只是判定，不是修改，所以需要上面这个函数每帧修改全屏状态。）
（第二个布尔值的存在是为了防止重复重新设置屏幕全屏状态）

第三个参数size：
窗口在解除全屏后应该设置的大小



然后我们看下一段代码吧~

【约41-56行】

1. # 得到鼠标位置
   
2. # noinspection PyShadowingNames
   
3. def get_pos(offset, ratio):
   
4.     """接受两个参数(屏幕绘制的偏移，屏幕缩放比例)"""
   
5.     pos = pygame.mouse.get_pos()
   
6.     pos = [(pos[0]-offset[0])/ratio,
   
7.            (pos[1]-offset[1])/ratio]
   
8.     return pos
   
9. 
   
10. # 设置鼠标位置
    
11. # noinspection PyShadowingNames
    
12. def set_pos(pos, offset, ratio):
    
13.     """接受三个参数(鼠标位置，屏幕绘制的偏移，屏幕缩放比例)"""
    
14.     pos = [pos[0]*ratio+offset[0],
    
15.            pos[1]*ratio+offset[1]]
    
16.     pygame.mouse.set_pos(pos)

复制代码

这两个函数差不多，但是可能有的鱼油不知道有什么用，为什么不用pygame默认的鼠标交互函数嘞？

上图：

拉长的窗口（带数值

如果使用pygame自带的鼠标位置计算函数：
得到的鼠标位置是[x1 + x2,  y]

但如果使用上面我提供的函数：
鼠标位置是[x2 * 屏幕缩放比例，y * 屏幕缩放比例]

这问题产生的原因再上面代码讲到window和screen定义时用加粗字表示出来了，没看到的可以爬楼回去看哦~

第一个参数pos：
和pygame的set_pos一样，设置鼠标的位置，但是不同的是我设置鼠标在screen中的位置，而pygame设置了在window中的位置

第二个参数：offset
可以理解为是 x1 的部分

第三个参数：ratio
可以理解为screen缩放的比例

（当然后面两个参数都在每帧代码末尾已经算好了，你们只需要填写第一个参数就可以啦~）

下一段【约134-151】：

1. # 调整绘制大小，使之填充窗口
   
2.     screen_rect = screen.get_rect()
   
3.     window_rect = window.get_rect()
   
4.     r1, r2 = abs(window_rect[2]/screen_rect[2]), abs(window_rect[3]/screen_rect[3])
   
5.     if r1 < r2:
   
6.         ratio = r1
   
7.         displayed_screen = pygame.transform.smoothscale(screen,
   
8.                                                         (ratio*size[0], ratio*size[1]))
   
9.     elif r1 > r2:
   
10.         ratio = r2
    
11.         displayed_screen = pygame.transform.smoothscale(screen,
    
12.                                                         (ratio*size[0], ratio*size[1]))
    
13.     else:
    
14.         ratio = 1
    
15.         displayed_screen = screen
    
16.     displayed_screen_size = displayed_screen.get_rect()
    
17.     displayed_screen_size.center = window_rect.center
    
18.     window.blit(displayed_screen,displayed_screen_size)

复制代码

这一段负责调整screen，将其放大或缩小（这里是按window短边比例计算，实际应用时可以灵活调整，按照长边或各计算50%都是可以的）

首先，得到窗口和屏幕的大小，
得到x轴和y轴长度比例，
判断得出短边，将screen大小改变为刚好顶满短边。

然后把screen放在window中间~

好啦，讲解结束~鱼油们学会了吗~~~

---

通俗来讲呢，上面这套框架的使用方法就是：

将原版游戏中绘制在原本screen上（本文中称window）的任何东西，都绘制在新的screen上，把这个screen当成原来的screen一样用就可以了。

但是要注意鼠标的交互函数，set_pos 和 get_pos 不能再使用原来的，要根据教程使用上面我提供的。

同时，只需要移动，旋转，缩放screen，就可以完成"震动反馈""地图拖动"等等高端操作,

不过话说，这层screen已经有它的工作了，为何不再加一层呢？不如就叫 word 怎么样




       

cjjJasonchen

妹人吗

cjjJasonchen

@不二如是 @KeyError @中英文泡椒 @歌者文明清理员 @zhangchenyvn @小甲鱼 @Mike_python小 @学习编程中的Ben @python爱好者. @过默 @凌凌祺 @学习学习在研究 @flyps @某一个“天” @tommyyu @陶远航 @zhangjinxuan @python爱好者. @liuhongrun2022 @zhangchenyvn @Ewan-Ahiouy @琅琊王朝

没人看喔，浅浅@一下

不二如是

cjjJasonchen 发表于 2024-8-11 11:45
@不二如是 @KeyError @中英文泡椒 @歌者文明清理员 @zhangchenyvn @小甲鱼 @Mike_python小 @学习编程中的Be ...

来了来了

小甲鱼

支持一下~

中英文泡椒

cjjJasonchen 发表于 2024-8-11 11:45
@不二如是 @KeyError @中英文泡椒 @歌者文明清理员 @zhangchenyvn @小甲鱼 @Mike_python小 @学习编程中的Be ...

来啦来啦

python爱好者.

不错，好极了

smallwh

就需要有这种探索精神的鱼油

wwwhbg888

\

ydwb

感谢分享

不二如是

还需要更多热度  @KeyError @中英文泡椒 @歌者文明清理员 @zhangchenyvn @小甲鱼 @Mike_python小 @学习编程中的Ben @python爱好者. @过默 @凌凌祺 @学习学习在研究 @flyps @某一个“天” @tommyyu @陶远航 @zhangjinxuan @python爱好者. @liuhongrun2022 @zhangchenyvn @Ewan-Ahiouy @琅琊王朝

liuhongrun2022

支持

zhangchenyvn

不二如是 发表于 2024-8-21 20:29
还需要更多热度  @KeyError @中英文泡椒 @歌者文明清理员 @zhangchenyvn @小甲鱼 @Mike_python小 @学习编程 ...

已经支持，评分+淘帖

18408238295

蛮有意思的，后续来学习这块

陶远航

终于军训回来了，支持