【更新】不到90行代码，pygame从无到有教会你制作有趣的大小图全景效果，不看是你的损失！

pygame从无到有教会你制作有趣的大小图效果，不看是你的损失，
好的，马上开始。

一、实现基本的功能

（一）先搭个架子

import pygame,sys

pygame.init()
screen = pygame.display.set_mode((500, 500))
pygame.display.set_caption('大小框展示')
fcclock = pygame.time.Clock()
while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT or event.type == pygame.K_F1:
            pygame.quit()
            sys.exit()
    fcclock.tick(60)
    pygame.display.flip()  # 刷新窗口

黑黑的框，不截图了。大家都懂。

（二）直接贴个图

1、代码如下：

import pygame,sys

pygame.init()
screen = pygame.display.set_mode((500, 500))
pygame.display.set_caption('大小框展示')
img = pygame.image.load('./image/aerial-alpine-ceresole-reale-desktop-backgrounds-1562.jpg').convert_alpha()

fcclock = pygame.time.Clock()
while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT or event.type == pygame.K_F1:
            pygame.quit()
            sys.exit()
    screen.blit(img,(0,0))
    fcclock.tick(60)
    pygame.display.flip()  # 刷新窗口

2、运行效果

（三）截取部分图

1、简单截取

screen.blit(img,(0,0),(1000,1000,500,500))

2、让部分截图动起来

# aerial-alpine-ceresole-reale-desktop-backgrounds-1562.jpg

import pygame,sys

pygame.init()
screen = pygame.display.set_mode((500, 500))
pygame.display.set_caption('大小框展示')
fcclock = pygame.time.Clock()
img = pygame.image.load('./image/aerial-alpine-ceresole-reale-desktop-backgrounds-1562.jpg').convert_alpha()
i = 0
while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT or event.type == pygame.K_F1:
            pygame.quit()
            sys.exit()
    screen.blit(img,(0,0),(i,1000,500,500))
    i += 1
    fcclock.tick(60)
    pygame.display.flip()  # 刷新窗口

3、显示个全图出来吧

import pygame,sys

pygame.init()
screen = pygame.display.set_mode((500, 500))
pygame.display.set_caption('大小框展示')
fcclock = pygame.time.Clock()
img = pygame.image.load('./image/aerial-alpine-ceresole-reale-desktop-backgrounds-1562.jpg').convert_alpha()
img = pygame.transform.scale(img, (500, 500))
while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT or event.type == pygame.K_F1:
            pygame.quit()
            sys.exit()
    screen.blit(img,(0,0))
    fcclock.tick(60)
    pygame.display.flip()  # 刷新窗口

二、实现右下角半透明化小图

（一）初始化小图surface

img_small = pygame.transform.scale(img_big, (int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag)))
bgSurface = pygame.Surface((int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag)))
pygame.Surface.convert_alpha(bgSurface)

（二）循环过程中画小图

bgSurface.blit(img_small,(0,0))
screen.blit(bgSurface,(screen.get_rect().width - bgSurface.get_rect().width,screen.get_rect().height - bgSurface.get_rect().height))

（三）完整代码

import pygame,sys
flag = 20
pygame.init()
screen = pygame.display.set_mode((500, 500))
pygame.display.set_caption('大小框展示')
fcclock = pygame.time.Clock()
img_big = pygame.image.load('./image/aerial-alpine-ceresole-reale-desktop-backgrounds-1562.jpg').convert_alpha()
print(img_big.get_rect().width,img_big.get_rect().height)
img_small = pygame.transform.scale(img_big, (int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag)))
bgSurface = pygame.Surface((int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag)))
pygame.Surface.convert_alpha(bgSurface)

i = 0
while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT or event.type == pygame.K_F1:
            pygame.quit()
            sys.exit()
    screen.blit(img_big,(0,0),(i,1000,500,500))
    bgSurface.set_alpha(220)
    i += 1
    bgSurface.blit(img_small,(0,0))
    screen.blit(bgSurface,(screen.get_rect().width - bgSurface.get_rect().width,screen.get_rect().height - bgSurface.get_rect().height))
    fcclock.tick(60)
    pygame.display.flip()  # 刷新窗口

（四）运行效果

三、增加小图的选择矩形框

（一）核心代码

    bgx = screen.get_rect().width - bgSurface.get_rect().width
    bgy = screen.get_rect().height - bgSurface.get_rect().height
    posx = i / img_big.get_rect().width * bgSurface.get_rect().width+bgx
    posy = j / img_big.get_rect().height * bgSurface.get_rect().height+bgy
    rect_rect = (int(posx), int(posy), WIDTH / flag, HEIGHT / flag)
    print(rect_rect)
    pygame.draw.rect(screen,(255,0,0),rect_rect,2)

（二）完整代码

import pygame,sys
flag = 20
pygame.init()
WIDTH = 500
HEIGHT = 500
screen = pygame.display.set_mode((WIDTH, HEIGHT))
pygame.display.set_caption('大小框展示')
fcclock = pygame.time.Clock()
img_big = pygame.image.load('./image/aerial-alpine-ceresole-reale-desktop-backgrounds-1562.jpg')
print(img_big.get_rect().width,img_big.get_rect().height)
img_small = pygame.transform.scale(img_big, (int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag)))
bgSurface = pygame.Surface((int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag)))
pygame.Surface.convert_alpha(bgSurface)

i = 0
j = 1000
bgx = screen.get_rect().width - bgSurface.get_rect().width
bgy = screen.get_rect().height - bgSurface.get_rect().height
# posx = i/img_big.get_rect().width*bgSurface.get_rect().width
# posy = j/img_big.get_rect().height*bgSurface.get_rect().height
# rect_rect = (posx,posy,WIDTH/flag,HEIGHT/flag)
while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT or event.type == pygame.K_F1:
            pygame.quit()
            sys.exit()
    screen.blit(img_big,(0,0),(i,j,500,500))
    bgSurface.set_alpha(230)
    bgSurface.blit(img_small,(0,0))
    screen.blit(bgSurface,(bgx,bgy))
    posx = i / img_big.get_rect().width * bgSurface.get_rect().width+bgx
    posy = j / img_big.get_rect().height * bgSurface.get_rect().height+bgy
    rect_rect = (int(posx), int(posy), WIDTH / flag, HEIGHT / flag)
    print(rect_rect)
    pygame.draw.rect(screen,(255,0,0),rect_rect,2)
    i += 1
    fcclock.tick(60)
    pygame.display.flip()  # 刷新窗口

（三）运行效果

上面的都是自动运动的，现在需要实现鼠标响应操作。

四、实现鼠标单击响应操作

（一）实现鼠标响应事件

        if event.type == pygame.MOUSEBUTTONDOWN:
            choose_rect = pygame.Rect(bgx,bgy,int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag))
            pos = x, y = pygame.mouse.get_pos()  # 获取鼠标位置，鼠标就是需要打击的目标
            if choose_rect.collidepoint(pos):
                print('in')
            else:
                print('not in')

（二）实现矩形框点击响应函数

        if event.type == pygame.MOUSEBUTTONDOWN:
            choose_rect = pygame.Rect(bgx,bgy,int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag))
            pos = x, y = pygame.mouse.get_pos()  # 获取鼠标位置，鼠标就是需要打击的目标
            if choose_rect.collidepoint(pos):
                select = True
                print('in')
                if x-12.5>0:
                    posx = x-12.5
                else:
                    posx = 0
                if y-12.5>0:
                    posy = y-12.5
                else:
                    posy = 0
                rect_rect = (int(posx), int(posy), WIDTH / flag, HEIGHT / flag)
                i = (posx-bgx)*img_big.get_rect().width/bgSurface.get_rect().width
                j = (posy-bgy)*img_big.get_rect().height/bgSurface.get_rect().height
                pygame.draw.rect(screen, (255, 0, 0), rect_rect, 2)
            else:
                print('not in')

（三）实现效果

五、实现鼠标移动监听事件

初始化变量select=False

（一）鼠标按下

        if event.type == pygame.MOUSEBUTTONDOWN:
            choose_rect = pygame.Rect(bgx,bgy,int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag))
            pos = x, y = pygame.mouse.get_pos()  # 获取鼠标位置，鼠标就是需要打击的目标
            if choose_rect.collidepoint(pos):
                select = True
                print('in')
                if x-12.5>0:
                    posx = x-12.5
                else:
                    posx = 0
                if y-12.5>0:
                    posy = y-12.5
                else:
                    posy = 0
                rect_rect = (int(posx), int(posy), WIDTH / flag, HEIGHT / flag)
                i = (posx-bgx)*img_big.get_rect().width/bgSurface.get_rect().width
                j = (posy-bgy)*img_big.get_rect().height/bgSurface.get_rect().height
                pygame.draw.rect(screen, (255, 0, 0), rect_rect, 2)
            else:
                print('not in')

（二）鼠标移动

        if event.type == pygame.MOUSEMOTION:
            if select:
                choose_rect = pygame.Rect(bgx,bgy,int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag))
                pos = x, y = pygame.mouse.get_pos()  # 获取鼠标位置，鼠标就是需要打击的目标
                if choose_rect.collidepoint(pos):
                    print('in')
                    if x-12.5>0:
                        posx = x-12.5
                    else:
                        posx = 0
                    if y-12.5>0:
                        posy = y-12.5
                    else:
                        posy = 0
                    rect_rect = (int(posx), int(posy), WIDTH / flag, HEIGHT / flag)
                    i = (posx-bgx)*img_big.get_rect().width/bgSurface.get_rect().width
                    j = (posy-bgy)*img_big.get_rect().height/bgSurface.get_rect().height
                    pygame.draw.rect(screen, (255, 0, 0), rect_rect, 2)
                else:
                    print('not in')

（三）鼠标松开

        if event.type == pygame.MOUSEBUTTONUP:
            select = False

（四）完整代码

import pygame,sys
flag = 20
pygame.init()
WIDTH = 500
HEIGHT = 500
screen = pygame.display.set_mode((WIDTH, HEIGHT))
pygame.display.set_caption('大小框展示')
fcclock = pygame.time.Clock()
img_big = pygame.image.load('./image/aerial-alpine-ceresole-reale-desktop-backgrounds-1562.jpg')
print(img_big.get_rect().width,img_big.get_rect().height)
img_small = pygame.transform.scale(img_big, (int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag)))
bgSurface = pygame.Surface((int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag)))
pygame.Surface.convert_alpha(bgSurface)

i = 0
j = 1000
bgx = screen.get_rect().width - bgSurface.get_rect().width
bgy = screen.get_rect().height - bgSurface.get_rect().height
posx = i/img_big.get_rect().width*bgSurface.get_rect().width+bgx
posy = j/img_big.get_rect().height*bgSurface.get_rect().height+bgy
select = False
# rect_rect = (posx,posy,WIDTH/flag,HEIGHT/flag)
while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT or event.type == pygame.K_F1:
            pygame.quit()
            sys.exit()
        if event.type == pygame.MOUSEBUTTONDOWN:
            choose_rect = pygame.Rect(bgx,bgy,int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag))
            pos = x, y = pygame.mouse.get_pos()  # 获取鼠标位置，鼠标就是需要打击的目标
            if choose_rect.collidepoint(pos):
                select = True
                print('in')
                if x-12.5>0:
                    posx = x-12.5
                else:
                    posx = 0
                if y-12.5>0:
                    posy = y-12.5
                else:
                    posy = 0
                rect_rect = (int(posx), int(posy), WIDTH / flag, HEIGHT / flag)
                i = (posx-bgx)*img_big.get_rect().width/bgSurface.get_rect().width
                j = (posy-bgy)*img_big.get_rect().height/bgSurface.get_rect().height
                pygame.draw.rect(screen, (255, 0, 0), rect_rect, 2)
            else:
                print('not in')
        if event.type == pygame.MOUSEBUTTONUP:
            select = False
        if event.type == pygame.MOUSEMOTION:
            if select:
                choose_rect = pygame.Rect(bgx,bgy,int(img_big.get_rect().width/flag), int(img_big.get_rect().height/flag))
                pos = x, y = pygame.mouse.get_pos()  # 获取鼠标位置，鼠标就是需要打击的目标
                if choose_rect.collidepoint(pos):
                    print('in')
                    if x-12.5>0:
                        posx = x-12.5
                    else:
                        posx = 0
                    if y-12.5>0:
                        posy = y-12.5
                    else:
                        posy = 0
                    rect_rect = (int(posx), int(posy), WIDTH / flag, HEIGHT / flag)
                    i = (posx-bgx)*img_big.get_rect().width/bgSurface.get_rect().width
                    j = (posy-bgy)*img_big.get_rect().height/bgSurface.get_rect().height
                    pygame.draw.rect(screen, (255, 0, 0), rect_rect, 2)
                else:
                    print('not in')

    screen.blit(img_big,(0,0),(i,j,500,500))
    bgSurface.set_alpha(230)
    bgSurface.blit(img_small,(0,0))
    screen.blit(bgSurface,(bgx,bgy))

    rect_rect = (int(posx), int(posy), WIDTH / flag, HEIGHT / flag)
    i = (posx - bgx) * img_big.get_rect().width / bgSurface.get_rect().width
    j = (posy - bgy) * img_big.get_rect().height / bgSurface.get_rect().height
    pygame.draw.rect(screen, (255, 0, 0), rect_rect, 2)
    # posx = i / img_big.get_rect().width * bgSurface.get_rect().width+bgx
    # posy = j / img_big.get_rect().height * bgSurface.get_rect().height+bgy
    # rect_rect = (int(posx), int(posy), WIDTH / flag, HEIGHT / flag)
    # # print(rect_rect)
    # pygame.draw.rect(screen,(255,0,0),rect_rect,2)
    # i += 1
    fcclock.tick(60)
    pygame.display.flip()  # 刷新窗口

六、完整实现效果

可点击、可拖动查看大小图，任君选择，喜欢就好！
比心，感谢！

转载：https://blog.csdn.net/dhjabc_1/article/details/117261390