CTk绑定Root时拖拽正常，绑定Frame时失效，如何修复？

一、解决CTkFrame内Label拖拽失效/释放消失的问题 #

原代码核心问题出在坐标处理和组件判断逻辑错误，修正点如下：

• 组件判断错误：原代码误判widget.master为CTkLabel，实际点击的直接是CTkLabel组件，应直接判断event.widget类型
• 坐标转换错误：winfo_containing使用root全局坐标，需转换为Frame内部坐标才能定位到目标组件
• 拖拽坐标计算基于父容器（Frame）而非root，避免偏移误差
• 事件绑定到Frame而非root，确保Frame内组件能正确响应事件

修改后的基础拖拽互换代码：

import customtkinter

def changeOrder(widget1, widget2, initial):
    # 交换两个组件的grid位置
    target = widget2.grid_info()
    widget1.grid(row=initial['row'], column=initial['column'])
    widget2.grid(row=target['row'], column=target['column'])

def on_click(event):
    widget = event.widget
    # 直接判断点击对象为CTkLabel
    if isinstance(widget, customtkinter.CTkLabel):
        # 记录点击相对坐标与初始grid位置
        start = (event.x, event.y)
        grid_info = widget.grid_info()
        # 绑定拖拽与释放事件
        widget.bind("<B1-Motion>", lambda e: drag_motion(e, widget, start))
        widget.bind("<ButtonRelease-1>", lambda e: drag_release(e, widget, grid_info))

def drag_motion(event, widget, start):
    parent = widget.master
    # 计算相对于Frame的拖拽位置
    rel_x = widget.winfo_x() + event.x - start[0]
    rel_y = widget.winfo_y() + event.y - start[1]
    widget.lift()
    widget.place(x=rel_x, y=rel_y, in_=parent)

def drag_release(event, widget, grid_info):
    parent = widget.master
    # 将全局坐标转换为Frame内部坐标
    root_x, root_y = parent.winfo_pointerxy()
    frame_x = parent.winfo_rootx()
    frame_y = parent.winfo_rooty()
    rel_x = root_x - frame_x
    rel_y = root_y - frame_y
    # 查找Frame内的目标组件
    target_widget = parent.winfo_containing(rel_x, rel_y)
    
    if isinstance(target_widget, customtkinter.CTkLabel) and target_widget != widget:
        changeOrder(widget, target_widget, grid_info)
    else:
        # 放回原位置
        widget.grid(row=grid_info['row'], column=grid_info['column'])
    # 解绑事件避免重复绑定
    widget.unbind("<B1-Motion>")
    widget.unbind("<ButtonRelease-1>")

root = customtkinter.CTk()
_entry = {}
rows = 3
columns = 2

frame = customtkinter.CTkFrame(root, fg_color='lightblue')
frame.grid(row=0, column=0, padx=10, pady=10)

for row in range(rows):
    for column in range(columns):
        index = (row, column)
        myTextLabel1 = customtkinter.CTkLabel(frame, text=f"Label {row}-{column}", bg_color='yellow')
        myTextLabel1.grid(row=row, column=column, padx=5, pady=5)
        _entry[index] = myTextLabel1

# 绑定事件到Frame，确保内部组件响应
frame.bind("<Button-1>", on_click)

root.mainloop()

二、实现整行拖拽互换功能 #

通过Shift键触发整行交换逻辑，拖拽任意行的Label到目标行的Label上，即可交换两行所有组件：

import customtkinter

def swap_rows(frame, row1, row2, columns):
    # 交换两行所有列的组件
    for col in range(columns):
        widget1 = frame.grid_slaves(row=row1, column=col)[0]
        widget2 = frame.grid_slaves(row=row2, column=col)[0]
        widget1.grid(row=row2, column=col)
        widget2.grid(row=row1, column=col)

def changeOrder(widget1, widget2, initial):
    target = widget2.grid_info()
    widget1.grid(row=initial['row'], column=initial['column'])
    widget2.grid(row=target['row'], column=target['column'])

def on_click(event):
    widget = event.widget
    if isinstance(widget, customtkinter.CTkLabel):
        start = (event.x, event.y)
        grid_info = widget.grid_info()
        widget.bind("<B1-Motion>", lambda e: drag_motion(e, widget, start))
        widget.bind("<ButtonRelease-1>", lambda e: drag_release(e, widget, grid_info))

def drag_motion(event, widget, start):
    parent = widget.master
    rel_x = widget.winfo_x() + event.x - start[0]
    rel_y = widget.winfo_y() + event.y - start[1]
    widget.lift()
    widget.place(x=rel_x, y=rel_y, in_=parent)

def drag_release(event, widget, grid_info):
    parent = widget.master
    root_x, root_y = parent.winfo_pointerxy()
    frame_x = parent.winfo_rootx()
    frame_y = parent.winfo_rooty()
    rel_x = root_x - frame_x
    rel_y = root_y - frame_y
    target_widget = parent.winfo_containing(rel_x, rel_y)
    
    if isinstance(target_widget, customtkinter.CTkLabel) and target_widget != widget:
        target_grid = target_widget.grid_info()
        # Shift键按下时触发整行交换
        if event.state & 0x0001:
            swap_rows(parent, grid_info['row'], target_grid['row'], columns=2)
        else:
            # 单个组件交换
            changeOrder(widget, target_widget, grid_info)
    else:
        widget.grid(row=grid_info['row'], column=grid_info['column'])
    widget.unbind("<B1-Motion>")
    widget.unbind("<ButtonRelease-1>")

root = customtkinter.CTk()
_entry = {}
rows = 3
columns = 2

frame = customtkinter.CTkFrame(root, fg_color='lightblue')
frame.grid(row=0, column=0, padx=10, pady=10)

for row in range(rows):
    for column in range(columns):
        index = (row, column)
        myTextLabel1 = customtkinter.CTkLabel(frame, text=f"Row{row}-Col{column}", bg_color='yellow')
        myTextLabel1.grid(row=row, column=column, padx=5, pady=5)
        _entry[index] = myTextLabel1

frame.bind("<Button-1>", on_click)

root.mainloop()

使用说明 #

• 单个组件交换：直接拖拽Label到目标Label位置即可
• 整行交换：按住Shift键拖拽任意行的Label到目标行的Label上，触发整行组件互换

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