Tkinter：鼠标拖动一个没有边框的窗口，例如。覆盖直接（1）

Question

关于如何创建允许用户通过鼠标拖动无边框窗口的事件绑定的任何建议，例如。用overridedirect(1)创建的窗口？

用例：我们想创建一个浮动工具栏/调色板窗口（无边框），我们的用户可以在他们的桌面上拖动。

这是我的想法（伪代码）：

1. window.bind( '<Button-1>', onMouseDown ) 捕捉鼠标的初始位置。

2. window.bind( '<Motion-1>', onMouseMove ) 跟踪鼠标开始移动后的位置。

3. 计算鼠标移动了多少并计算newX、newY的位置。

4. 使用window.geometry( '+%d+%d' % ( newX, newY ) )移动窗口。

Tkinter 是否公开了足够的功能以允许我实现手头的任务？或者有没有更简单/更高层次的方法来实现我想做的事情？

Answer 1

是的，Tkinter 公开了足够的功能来做到这一点，不，没有更简单/更高级别的方法来实现你想做的事情。您的想法几乎是正确的。

这是一个例子，虽然它不是唯一的方法：

import tkinter as tk

class App(tk.Tk):
    def __init__(self):
        tk.Tk.__init__(self)
        self.floater = FloatingWindow(self)

class FloatingWindow(tk.Toplevel):
    def __init__(self, *args, **kwargs):
        tk.Toplevel.__init__(self, *args, **kwargs)
        self.overrideredirect(True)

        self.label = tk.Label(self, text="Click on the grip to move")
        self.grip = tk.Label(self, bitmap="gray25")
        self.grip.pack(side="left", fill="y")
        self.label.pack(side="right", fill="both", expand=True)

        self.grip.bind("<ButtonPress-1>", self.start_move)
        self.grip.bind("<ButtonRelease-1>", self.stop_move)
        self.grip.bind("<B1-Motion>", self.do_move)

    def start_move(self, event):
        self.x = event.x
        self.y = event.y

    def stop_move(self, event):
        self.x = None
        self.y = None

    def do_move(self, event):
        deltax = event.x - self.x
        deltay = event.y - self.y
        x = self.winfo_x() + deltax
        y = self.winfo_y() + deltay
        self.geometry(f"+{x}+{y}")

app=App()
app.mainloop()

Answer 2

这是我的解决方案：

from tkinter import *
from webbrowser import *


lastClickX = 0
lastClickY = 0


def SaveLastClickPos(event):
    global lastClickX, lastClickY
    lastClickX = event.x
    lastClickY = event.y


def Dragging(event):
    x, y = event.x - lastClickX + window.winfo_x(), event.y - lastClickY + window.winfo_y()
    window.geometry("+%s+%s" % (x , y))


window = Tk()
window.overrideredirect(True)
window.attributes('-topmost', True)
window.geometry("400x400+500+300")
window.bind('<Button-1>', SaveLastClickPos)
window.bind('<B1-Motion>', Dragging)
window.mainloop()

Answer 3

试试这个，它确实有效；

1. 创建一个事件函数来移动窗口：

   def 移动窗口（事件）： root.geometry('+{0}+{1}'.format(event.x_root, event.y_root))

2. 绑定窗口：

   root.bind('', movewindow)

现在您可以触摸窗口并拖动

Answer 4

Loïc Faure-Lacroix的思路很有用，下面是我自己在Python3.7.3上的简单代码sn-ps，希望对你有帮助：

from tkinter import *


def move_window(event):
    root.geometry(f'+{event.x_root}+{event.y_root}')


root = Tk()
root.bind("<B1-Motion>", move_window)
root.mainloop()

但是鼠标的位置总是在窗口的左上角。我怎样才能保持不变？期待更好的答案！

---

感谢 Bryan Oakley，因为一开始我无法在我的电脑上运行你的代码，所以我没有注意它。刚刚修改后，运行起来很好，不会出现上述情况（鼠标一直在左上角），最近更新代码如下：

def widget_drag_free_bind(widget):
    """Bind any widget or Tk master object with free drag"""
    if isinstance(widget, Tk):
        master = widget  # root window
    else:
        master = widget.master

    x, y = 0, 0
    def mouse_motion(event):
        global x, y
        # Positive offset represent the mouse is moving to the lower right corner, negative moving to the upper left corner
        offset_x, offset_y = event.x - x, event.y - y  
        new_x = master.winfo_x() + offset_x
        new_y = master.winfo_y() + offset_y
        new_geometry = f"+{new_x}+{new_y}"
        master.geometry(new_geometry)

    def mouse_press(event):
        global x, y
        count = time.time()
        x, y = event.x, event.y

    widget.bind("<B1-Motion>", mouse_motion)  # Hold the left mouse button and drag events
    widget.bind("<Button-1>", mouse_press)  # The left mouse button press event, long calculate by only once

Answer 5

此代码与 Bryan 的解决方案相同，但不使用 overridedirect。

它经过测试：python 3.7、Debian GNU/Linux 10 (buster)、Gnome 3.30

import tkinter as tk


class App(tk.Tk):
    def __init__(self):
        tk.Tk.__init__(self)
        self.floater = FloatingWindow(self)


class FloatingWindow(tk.Toplevel):
    def __init__(self, *args, **kwargs):
        tk.Toplevel.__init__(self, *args, **kwargs)

        #self.overrideredirect(True)
        self.resizable(0, 0)  # Window not resizable
        self.wm_attributes('-type', 'splash')  # Hide title bar (Linux)

        self.label = tk.Label(self, text="Click on the grip to move")
        self.grip = tk.Label(self, bitmap="gray25")
        self.grip.pack(side="left", fill="y")
        self.label.pack(side="right", fill="both", expand=True)

        self.grip.bind("<ButtonPress-1>", self.StartMove)
        self.grip.bind("<ButtonRelease-1>", self.StopMove)
        self.grip.bind("<B1-Motion>", self.OnMotion)

    def StartMove(self, event):
        self.x = event.x
        self.y = event.y

    def StopMove(self, event):
        self.x = None
        self.y = None

    def OnMotion(self, event):
        deltax = event.x - self.x
        deltay = event.y - self.y
        x = self.winfo_x() + deltax
        y = self.winfo_y() + deltay
        self.geometry("+%s+%s" % (x, y))


app = App()
app.mainloop()