如何在Tkinter中实现标题栏随鼠标移动动态切换可见性？

核心思路 #

• 初始通过root.overrideredirect(True)隐藏系统标题栏
• 给模拟标题栏的Frame绑定<Motion>事件触发显示标题栏，绑定<Leave>事件触发隐藏
• 切换overrideredirect状态时，先记录窗口位置，避免窗口偏移

完整代码实现 #

import tkinter as tk

def show_titlebar(root):
    # 记录当前窗口位置
    x = root.winfo_x()
    y = root.winfo_y()
    # 启用系统标题栏
    root.overrideredirect(False)
    # 恢复窗口位置，避免切换后偏移
    root.geometry(f"+{x}+{y}")

def hide_titlebar(root):
    # 记录当前窗口位置
    x = root.winfo_x()
    y = root.winfo_y()
    # 隐藏系统标题栏
    root.overrideredirect(True)
    # 恢复窗口位置
    root.geometry(f"+{x}+{y}")

def on_motion(event):
    # 鼠标在模拟标题栏区域移动时，显示系统标题栏
    show_titlebar(event.widget.master)

def on_leave(event):
    # 鼠标移出模拟标题栏区域时，隐藏系统标题栏
    hide_titlebar(event.widget.master)

def screen():
    root = tk.Tk()
    root.title("动态标题栏示例")
    root.geometry("600x400")
    
    # 初始隐藏系统标题栏
    hide_titlebar(root)
    
    # 创建模拟标题栏的Frame，高度设为30（接近系统标题栏高度）
    title_frame = tk.Frame(root, bg="#2c3e50", height=30)
    title_frame.pack(fill=tk.X)
    
    # 绑定事件：鼠标移动触发显示，移出触发隐藏
    title_frame.bind('<Motion>', on_motion)
    title_frame.bind('<Leave>', on_leave)
    
    # 主内容区
    content_label = tk.Label(
        root, 
        text="鼠标移到顶部蓝色区域显示标题栏，移出后隐藏", 
        font=("Arial", 12)
    )
    content_label.pack(expand=True)
    
    root.mainloop()

if __name__ == "__main__":
    screen()

关键细节说明 #

• 窗口位置恢复：切换overrideredirect状态时，窗口的坐标参考系会变化（从窗口自身左上角变为屏幕左上角），因此必须先记录位置再恢复，否则窗口会出现偏移。
• 模拟标题栏尺寸：示例中Frame高度设为30像素，你可以根据系统实际标题栏高度调整数值。
• 事件绑定：<Motion>会在鼠标进入Frame后持续触发，确保标题栏保持显示；<Leave>在鼠标完全移出Frame时触发隐藏操作。

内容的提问来源于stack exchange，提问作者Ikrimah Jalal