Tkinter如何让指针图片叠加显示在Frame控件上层不被遮挡

指针被遮挡是Tkinter控件Z序（图层顺序）规则导致的：

• 你当前代码中承载指针的Canvas控件（命名为table）和mapframe为同级独立控件，mapframe层级更高，完全盖住了Canvas区域，Canvas上绘制的指针自然无法显示
• 地图和指针分别放在两个独立的控件容器中，本身就无法直接控制跨容器的内容叠放顺序。

方案1（最推荐，长期维护成本最低） #

把地图和指针统一放在同一个Canvas上，直接利用Canvas自带的图层控制能力管理叠放顺序，从根源避免跨控件层级冲突。
不要单独用Frame+Label承载地图，直接让Canvas撑满mapframe，先绘制地图作为最底层，再绘制指针放在上层，原有WASD移动逻辑几乎不需要改动：

import tkinter as tk
from PIL import Image, ImageTk

root = tk.Tk()
# 原有地图容器Frame保留
mapframe = tk.Frame(root, bg="#756754")
mapframe.place(relwidth=0.45, relheight=0.79, relx=0.03, rely=0.05)

# 将承载指针的Canvas作为mapframe的子控件，撑满整个容器
table = tk.Canvas(mapframe, bg='#4a4135', highlightthickness=0)
table.pack(fill=tk.BOTH, expand=True)

# 加载地图，先绘制的Canvas元素默认在最底层
image = Image.open("Map.jpg")
mapimage = ImageTk.PhotoImage(image.resize((540, 610), Image.Resampling.LANCZOS))
table.create_image(0, 0, anchor=tk.NW, image=mapimage)
# 保留图片引用防止被垃圾回收导致不显示
table.mapimage = mapimage

# 加载指针，后绘制的元素默认在上层
pointer = ImageTk.PhotoImage(file="draggable.png")
pointerimge = table.create_image(10, 10, anchor=tk.NW, image=pointer)
table.pointer = pointer

# 原有移动逻辑完全保留
def move(event):
    """Move the sprite image with a d w and s when click them"""
    if event.char == "a":
        table.move(pointerimge, -10, 0)
    elif event.char == "d":
        table.move(pointerimge, 10, 0)
    elif event.char == "w":
        table.move(pointerimge, 0, -10)
    elif event.char == "s":
        table.move(pointerimge, 0, 10)

# 绑定按键后必须让Canvas获取焦点，否则按键事件无法触发
table.bind('<KeyPress>', move)
table.focus_set()

root.mainloop()

这个方案后续要加点位标记、路径绘制等功能时，可以直接用Canvas的tag_raise()/tag_lower()方法调整任意元素的层级，不会再出现控件遮挡问题。

方案2（最小改动临时方案） #

如果不想重构现有地图加载逻辑，只需要修改Canvas的父容器和层级即可：

1. 把tableCanvas的父控件从root改为mapframe，不要和mapframe平级放在root上
2. 把Canvas放置在和地图Label完全重合的位置，调用lift()方法把Canvas抬到Label上层
   核心修改代码如下：

# 原有mapframe+Label加载地图的代码完全保留
mapframe =tk.Frame(root,bg="#756754")
mapframe.place(relwidth=0.45,relheight=0.79, relx =0.03, rely=0.05)
image = Image.open("Map.jpg")
mapimage = ImageTk.PhotoImage(image.resize((540, 610), Image.Resampling.LANCZOS))
label = Label(mapframe, image=mapimage, bg='#4a4135')
label.image = mapimage
label.pack()

# 只修改Canvas的父容器、放置位置和层级
table = tk.Canvas(mapframe, bg='#4a4135', highlightthickness=0)
table.place(x=0, y=0, width=540, height=610)
table.lift()

# 原有指针加载、移动逻辑、按键绑定代码不变
pointer = ImageTk.PhotoImage(file = "draggable.png")
pointerimge = table.create_image(10, 10, anchor=NW, image=pointer)

注意：这个方案后续如果要在地图区域加按钮、标记等其他控件，会反复遇到Z序冲突，不建议长期使用

• 所有ImageTk.PhotoImage对象必须保留持久引用（比如挂在控件属性上），否则会被Python垃圾回收，导致图片加载后空白
• 绑定按键事件的控件必须调用focus_set()获取焦点，否则WASD按键无法触发移动逻辑
• 跨父容器的Tkinter控件无法实现内容层叠，平级控件的叠放顺序默认和创建顺序相反，后创建的控件在上层，可以通过lift()/lower()方法手动调整

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