如何实现Tkinter无边框窗口的平滑拖拽？

当前拖拽逻辑的核心问题是未记录鼠标按下时相对于窗口的偏移量，直接将窗口左上角对齐鼠标位置，导致拖拽时出现跳变；第二个尝试的方案依赖pyautogui获取鼠标位置，与Tkinter事件循环不同步，进而引发卡顿。

正确的平滑拖拽逻辑需要两步：

1. 鼠标按下时，记录鼠标在标题栏内的相对坐标（偏移量）
2. 鼠标拖动时，用鼠标的屏幕绝对位置减去偏移量，得到窗口的目标坐标

同时移除pyautogui依赖，改用Tkinter自身的屏幕尺寸API，避免跨库同步问题。

修改后的完整代码 #

from tkinter import *

bg_color= '#ededed'

root = Tk()
root.overrideredirect(True)
root.title("Google Drive")
root.geometry("1000x600")
root.update()

# 创建画布
canvas = Canvas(root, height=root.winfo_height(), width=root.winfo_width(), highlightthickness=0)
canvas.pack(fill='both')
canvas.update()

# 标题栏框架
title_bar = Frame(canvas, bg=bg_color, relief='raised', bd=0)
title_bar.pack(expand=1,fill='x')
title_bar.update()

# 关闭按钮
close_button = Button(title_bar, text='X', command=root.destroy,padx=2,pady=2,bd=0,font="bold",highlightthickness=0)
close_button.pack(side='right')
close_button.update()

# 主窗口画布
window = Canvas(canvas, bg=bg_color,highlightthickness=0)
window.pack(expand=1,fill='both')
window.update()

# 窗口居中（改用Tkinter原生API，移除pyautogui依赖）
def place_center(): 
    screen_width = root.winfo_screenwidth()
    screen_height = root.winfo_screenheight()
    window_width = root.winfo_width()
    window_height = root.winfo_height()
    x = (screen_width - window_width) // 2
    y = (screen_height - window_height) // 2
    root.geometry(f"+{x}+{y}")

# 记录鼠标按下时的偏移量
x_offset = 0
y_offset = 0
def start_move(event):
    global x_offset, y_offset
    # 记录鼠标在标题栏内的相对位置
    x_offset = event.x
    y_offset = event.y

# 平滑拖拽窗口
def move_window(event):
    # 用鼠标绝对位置减去偏移量，得到窗口新坐标
    new_x = event.x_root - x_offset
    new_y = event.y_root - y_offset
    root.geometry(f"+{new_x}+{new_y}")

# 按钮hover效果
def change_on_hovering(event):
    close_button['bg']= 'white'
def return_to_normalstate(event):
    close_button['bg']= 'black'

# 绑定事件：先监听按下，再监听拖动
title_bar.bind('<ButtonPress-1>', start_move)
title_bar.bind('<B1-Motion>', move_window)
close_button.bind('<Enter>',change_on_hovering)
close_button.bind('<Leave>',return_to_normalstate)

# 初始化窗口位置
place_center()
root.mainloop()

关键改动说明 #

1. 添加start_move函数：绑定<ButtonPress-1>事件，记录鼠标按下时在标题栏内的x、y坐标（即鼠标到窗口左上角的偏移量）
2. 修改move_window函数：通过event.x_root/event.y_root获取鼠标屏幕绝对位置，减去偏移量后得到窗口的目标位置，实现平滑跟随
3. 替换窗口居中逻辑：用Tkinter原生的winfo_screenwidth()/winfo_screenheight()获取屏幕尺寸，移除外部依赖，提升稳定性

内容的提问来源于stack exchange，提问作者Hrishav Saha