Tkinter自定义标题栏制作遇阻，寻求技术解决方案

嘿，我看你正在折腾Tkinter的自定义标题栏，已经迈出了第一步（用overrideredirect(True)去掉默认标题栏），但拖动窗口的逻辑有点小问题，而且还需要把标题栏改成你想要的样式对吧？我来给你补全完整的实现方案！

先修正窗口拖动的问题 #

你当前的move_window函数直接用event.x_root和event.y_root设置窗口位置，会导致窗口左上角瞬间跳到鼠标位置，体验很差。我们需要先记录鼠标按下时相对于窗口的偏移量，再在拖动时计算正确的窗口位置：

def start_move(event):
    # 记录鼠标按下时，鼠标相对于窗口左上角的偏移
    app.x = event.x
    app.y = event.y

def move_window(event):
    # 计算窗口新位置：鼠标当前位置减去偏移量
    new_x = event.x_root - app.x
    new_y = event.y_root - app.y
    app.geometry(f"+{new_x}+{new_y}")

然后绑定这两个事件到你的自定义标题栏组件（比如一个Frame）：

# 假设你用title_frame作为自定义标题栏容器
title_frame.bind("<ButtonPress-1>", start_move)
title_frame.bind("<B1-Motion>", move_window)

完整实现自定义标题栏样式 #

接下来我们来构建符合你需求的标题栏，包括标题文本、最小化按钮、关闭按钮，并且可以自由调整样式：

import tkinter as tk
from tkinter import ttk

class SampleApp(tk.Tk):
    def __init__(self):
        super().__init__()
        self.overrideredirect(True)  # 移除系统默认标题栏
        self.geometry("1050x620")
        
        # 自定义标题栏容器
        self.title_bar = tk.Frame(self, bg="#2c3e50", height=35)
        self.title_bar.pack(fill=tk.X)
        
        # 标题文本
        self.title_label = tk.Label(
            self.title_bar, 
            text="我的自定义窗口", 
            bg="#2c3e50", 
            fg="white", 
            font=("Arial", 10, "bold")
        )
        self.title_label.pack(side=tk.LEFT, padx=10)
        
        # 最小化按钮
        self.min_btn = ttk.Button(
            self.title_bar, 
            text="-", 
            width=3, 
            command=self.minimize_window
        )
        self.min_btn.pack(side=tk.RIGHT)
        
        # 关闭按钮
        self.close_btn = ttk.Button(
            self.title_bar, 
            text="×", 
            width=3, 
            command=self.destroy
        )
        self.close_btn.pack(side=tk.RIGHT)
        
        # 绑定标题栏拖动事件
        self.title_bar.bind("<ButtonPress-1>", self.start_move)
        self.title_bar.bind("<B1-Motion>", self.move_window)
        
        # 窗口内容区域
        self.content = tk.Frame(self, bg="#ecf0f1")
        self.content.pack(fill=tk.BOTH, expand=True)
        
        # 初始化鼠标偏移量
        self.x = 0
        self.y = 0

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

    def move_window(self, event):
        new_x = event.x_root - self.x
        new_y = event.y_root - self.y
        self.geometry(f"+{new_x}+{new_y}")

    def minimize_window(self):
        self.iconify()
        # 修复最小化恢复后标题栏异常的问题
        self.bind("<Map>", lambda e: self.overrideredirect(True))

if __name__ == "__main__":
    app = SampleApp()
    # 窗口居中处理
    screen_width = app.winfo_screenwidth()
    screen_height = app.winfo_screenheight()
    x_coordinate = int((screen_width/2) - (1050/2))
    y_coordinate = int((screen_height/2) - (620/2))
    app.geometry(f"1050x620+{x_coordinate}+{y_coordinate}")
    app.mainloop()

关键细节说明 #

• overrideredirect(True)会移除系统默认标题栏，但同时也会丢失系统自带的最小化、关闭功能，所以需要我们手动实现这些按钮。
• 拖动窗口时必须记录鼠标与窗口的偏移量，否则窗口会出现跳变的问题。
• 最小化后恢复窗口时，需要重新调用overrideredirect(True)，否则系统会自动恢复默认标题栏。
• 你可以随意修改标题栏的bg（背景色）、fg（文字颜色）、字体、按钮样式等，完全匹配你想要的视觉效果。

内容的提问来源于stack exchange，提问作者J P