如何使用箭头键移动 Tkinter 画布中的图像?

tkinterpythongui-programming更新于 2025/7/12 15:40:17

Tkinter Canvas 小部件是 Tkinter 库中的多功能小部件之一。它用于创建不同的形状、图像和动画对象。我们可以使用 move() 方法为 Canvas 小部件中定义的图像提供动态属性。

在 move(Image, x,y) 方法中将图像和坐标定义为参数，以在 Canvas 中移动图像。我们全局声明图像，以便跟踪 Canvas 中的图像位置。

我们可以按照以下步骤使图像在画布内可移动，

首先，定义 Canvas 小部件并向其添加图像。
定义 move() 函数以允许图像在 Canvas 内动态移动。
将箭头键与允许图像在 Canvas 内移动的函数绑定。

示例

# 导入所需的库
from tkinter import *
from PIL import Image, ImageTk

# 创建 tkinter 框架的实例
win = Tk()

# 设置 tkinter 的大小窗口
win.geometry("700x350")

# 定义 Canvas 小部件
canvas = Canvas(win, width=600, height=400, bg="white")
canvas.pack(pady=20)

# 将图像添加到 Canvas 小部件
image = ImageTk.PhotoImage(Image.open('favicon.ico'))
img = canvas.create_image(250, 120, anchor=NW, image=image)

def left(e):
   x = -20
   y = 0
   canvas.move(img, x, y)

def right(e):
   x = 20
   y = 0
   canvas.move(img, x, y)

def up(e):
   x = 0
   y = -20
   canvas.move(img, x, y)

def down(e):
   x = 0
   y = 20
   canvas.move(img, x, y)

# 绑定移动函数
win.bind("<Left>", left)
win.bind("<Right>", right)
win.bind("<Up>", up)
win.bind("<Down>", down)

win.mainloop()