如何实现仅选中分组后的指定元素支持鼠标拖拽共同移动？

需求说明 #

仅让指定的两个Canvas线条元素支持拖拽，且二者作为分组同步移动。

修改后的代码 #

# 创建两条线条并保存它们的ID，用于分组
line1 = canvas.create_line(500, 420, 500, 380, fill="lightgreen", width=5)
line2 = canvas.create_line(520, 400, 480, 400, fill="lightgreen", width=5)
group_items = [line1, line2]  # 定义分组元素列表

def on_click(event):
    selected = canvas.find_overlapping(event.x - 10, event.y - 10, event.x + 10, event.y + 10)
    # 检查选中的元素是否在分组内
    if selected and selected[-1] in group_items:
        canvas.selected_group = group_items  # 标记整个分组为选中状态
        canvas.startxy = (event.x, event.y)
    else:
        canvas.selected_group = None

def on_drag(event):
    if canvas.selected_group:
        # 计算移动距离
        dx, dy = event.x - canvas.startxy[0], event.y - canvas.startxy[1]
        # 遍历分组内所有元素，同步移动
        for item in canvas.selected_group:
            canvas.move(item, dx, dy)
        # 更新起始位置
        canvas.startxy = (event.x, event.y)

canvas.bind("<Button-1>", on_click)
canvas.bind("<B1-Motion>", on_drag)

关键改动说明 #

• 分组定义：将两个线条的ID存入group_items列表，明确可拖拽的分组范围
• 点击判断：仅当点击到分组内的元素时才激活拖拽状态，确保只有指定元素支持拖拽
• 同步移动：拖拽时遍历分组内所有元素，统一应用移动距离，实现两个元素同步位移

内容的提问来源于stack exchange，提问作者Mr. MubelBubel