Python开发之Tkinter实现图形随鼠标移动的方法

在开发Tkinter图形界面应用的过程中，有时候需要让图形随着鼠标移动而实时更新位置。本文将介绍使用Tkinter实现这种图形随鼠标移动的方法。

准备工作

在开始实现之前，需要先安装好Python和Tkinter。如果还不熟悉Tkinter的使用，可以先学习一些基础知识，比如如何创建窗口、标签、按钮等组件。

实现方法

假设现在要实现一个矩形图形，随着鼠标移动而实时更新位置。我们可以按照以下步骤来实现：

1. 在窗口中创建一个Canvas组件，用于绘制矩形图形；
2. 定义一个函数，用于获取鼠标当前的位置，并把矩形图形的位置更新为鼠标位置；
3. 绑定鼠标移动事件，使得鼠标移动时能够调用上述函数。

下面是具体的代码实现：

import tkinter as tk

def update_position(event):
    x, y = event.x, event.y
    canvas.coords(rectangle, x-25, y-25, x+25, y+25)

root = tk.Tk()

canvas = tk.Canvas(root, width=300, height=200)
canvas.pack()

rectangle = canvas.create_rectangle(0, 0, 50, 50, fill='red')

canvas.bind('<Motion>', update_position)

root.mainloop()

代码中，我们使用了Canvas组件来创建画布，并在画布上绘制了一个红色的矩形。在update_position函数中，我们通过event.x和event.y获取鼠标当前的位置，再使用canvas.coords方法更新矩形的位置。

运行以上代码，可以看到矩形会随鼠标移动而实时更新位置。

示例说明

下面我们将实现一个鼠标跟随的小球，在鼠标悬停的位置会放大一些。

首先我们先创建一个窗口，然后创建一个Canvas画布，将画布的宽和高定义为300和300，并将画布添加到窗口上，在画布上面我们绘制一个圆形组件和一个矩形组件。

代码如下：

import tkinter as tk

def update_position(event):
    x, y = event.x, event.y
    canvas.coords(circle, x-10, y-10, x+10, y+10)
    canvas.coords(rectangle, x-20, y-20, x+20, y+20)

root = tk.Tk()

canvas = tk.Canvas(root, width=300, height=300)
canvas.pack()

circle = canvas.create_oval(0, 0, 20, 20, fill='blue')
rectangle = canvas.create_rectangle(0, 0, 40, 40, fill='green')

canvas.bind('<Motion>', update_position)

root.mainloop()

运行以上代码，可以看到画布上有一个圆形组件和一个矩形组件，此时还没有实现鼠标跟随的效果。

接下来我们在update_position函数中添加如下代码，用于实现圆形在鼠标悬停位置放大的效果：

    size = 20
    if event.x > 150:
        size = 40
    canvas.coords(circle, event.x-size, event.y-size, event.x+size, event.y+size)

完整的代码如下：

import tkinter as tk

def update_position(event):
    x, y = event.x, event.y
    canvas.coords(circle, x-size, y-size, x+size, y+size)
    canvas.coords(rectangle, x-20, y-20, x+20, y+20)

    size = 20
    if event.x > 150:
        size = 40
    canvas.coords(circle, event.x-size, event.y-size, event.x+size, event.y+size)

root = tk.Tk()

canvas = tk.Canvas(root, width=300, height=300)
canvas.pack()

circle = canvas.create_oval(0, 0, 20, 20, fill='blue')
rectangle = canvas.create_rectangle(0, 0, 40, 40, fill='green')

canvas.bind('<Motion>', update_position)

root.mainloop()

运行以上代码，可以看到圆形在鼠标悬停位置放大了。如果鼠标悬停在画布的右半部分，圆形会变成一个较大的球体。

本文链接：http://task.lmcjl.com/news/6991.html