跟随鼠标移动的tkinter小部件

时间:2017-06-14 03:23:59

标签: python canvas tkinter label mouseevent

我尝试使用Canvas创建的红色cirlce或带有“X”的黄色标签更改鼠标提示。

我使用了“where”功能,它捕获了鼠标移动,并为我提供了鼠标尖端的当前位置,因此可以放置上述提示之一,即红色圆圈或黄色标签位于mounse尖端位置。

我意识到,如果它们放在鼠标尖端,不是那么可取,因为它可以掩盖底层小部件,但让我们把它放在一边。

使用以下代码,您将意识到所选的尖端偏离实际的鼠标尖端,而我实际上将其放置在尖端。那么为什么是偏移呢?有什么问题?

我也意识到放置意味着放置小部件的角落。

此示例程序可让您选择要使用的提示,通过单击另一个提示,交换到它。

因此,您可以看到,通过选择任一尖端形状,行为是相同的。

import tkinter as tk

def changetip(a):            # change cursor tip, arg a is not used
    global tipType
    if tipType=="red" : tipType="yellow"
    else: tipType="red"

def where(posn):                       #cursor tiop movement and colour change
   cx=posn.x_root-w.winfo_x()
   cy=posn.y_root-w.winfo_y()
   if tipType=="red":
       tipC.place(x=cx, y=cy)
       tipL.place(x=300,y=300)
   else:
       tipC.place(x=400, y=400)
       tipL.place(x=cx,y=cy)

w=tk.Tk()
w.geometry("500x500+100+100")
w.bind("<Motion>",where)        #track mouse movement

tipType="red"           # red is the canvas circle, yellow is label

# Make a cursor tip using a circle on canvas
tip_rad=10
tipC=tk.Canvas(w,width=tip_rad*2,height=tip_rad*2,highlightthickness=0,bg="green")
tip=tk.Canvas.create_oval(tipC,tip_rad/2,tip_rad/2,tip_rad/2*3,tip_rad/2*3, width=0, fill="red")
tipC.bind("<1>",changetip)

# Make a cursor tip using a label
tip_size=1
tipL=tk.Label(w,width=tip_size, height=tip_size,text="x",bg="yellow")
tipL.bind("<1>",changetip)

w.mainloop()

1 个答案:

答案 0 :(得分:2)

您应该忽略事件对象(posn)并仅处理与主要窗口小部件w相关的像素位置。更改where的前两行,如下所示:

def where(posn):
   cx=w.winfo_pointerx() - w.winfo_rootx()
   cy=w.winfo_pointery() - w.winfo_rooty()