如何修改Tkinter网格指定单元格图片并获取图片所在坐标？

原代码核心问题 #

你之前的代码里，cells列表存储的是grid()方法的返回值（None），而非Label组件实例，所以后续遍历cells无法操作单元格，这是导致你尝试的代码无效的原因。首先要修正单元格的存储方式，用二维列表保存每个Label对象，方便按行列直接访问。

一、实现指定行列修改单元格图片 #

步骤： #

1. 将cells改为二维列表，每个位置存储对应行列的Label实例
2. 编写函数接收行列坐标和目标图片，直接修改对应单元格的图片

代码示例： #

from tkinter import *
from PIL import Image, ImageTk

root = Tk()
root.title("toys ")
root.geometry("1000x800")
root.iconbitmap('Images/python.ico')

# 加载并调整图片
img1_temp = Image.open("Images/Spikes.png")
img1resized = img1_temp.resize((100,100))
img1 = ImageTk.PhotoImage(img1resized)

img2 = ImageTk.PhotoImage(Image.open("Images/Empty.png"))

imgr_temp = Image.open("Images/robot.png")
imgr_resized = imgr_temp.resize((100,100))
img_robot = ImageTk.PhotoImage(imgr_resized)

main_canvas = Canvas(root, width=600, height=600)
main_canvas.pack(pady=70)

# 改用二维列表存储单元格Label，方便按行列访问
cells = [[None for _ in range(6)] for _ in range(6)]
cell_size = 100  # 单元格图片的尺寸，和resize的尺寸一致

for r in range(6):
    for c in range(6):
        cell_label = Label(main_canvas, bd=5, relief=RIDGE, padx=3, pady=3, image=img2)
        cell_label.grid(row=r, column=c)
        cells[r][c] = cell_label

# 修改指定行列的单元格图片（注意：这里行列是0开始的索引，若用户输入是1开始，需减1转换）
def update_cell(row, col, new_img):
    # 确保行列在有效范围内
    if 0 <= row < 6 and 0 <= col < 6:
        cells[row][col].config(image=new_img)
        # 保持图片引用，防止被Python垃圾回收机制销毁
        cells[row][col].image = new_img

# 示例：修改第3行第2列（0索引对应row=2, col=1）的图片为机器人
update_cell(2, 1, img_robot)

二、实现拖拽图片并获取目标单元格坐标 #

思路： #

1. 给可拖拽的Label绑定鼠标按下、拖拽、释放事件
2. 鼠标按下时记录被拖拽的Label和起始位置
3. 鼠标释放时，计算当前鼠标位置对应的单元格行列
4. 将图片移动到目标单元格，并更新对应单元格的图片

完整代码（在上述基础上添加）： #

# 记录拖拽相关变量
dragged_label = None
start_x = 0
start_y = 0

def on_drag_start(event):
    global dragged_label, start_x, start_y
    # 判断点击的是Label组件
    if isinstance(event.widget, Label):
        dragged_label = event.widget
        start_x = event.x
        start_y = event.y
        # 提升到顶层显示
        dragged_label.lift()

def on_drag_motion(event):
    if dragged_label:
        # 计算偏移量，移动Label
        x = dragged_label.winfo_x() + (event.x - start_x)
        y = dragged_label.winfo_y() + (event.y - start_y)
        dragged_label.place(x=x, y=y)

def on_drag_release(event):
    global dragged_label
    if dragged_label:
        # 计算鼠标释放位置对应的单元格行列
        # 获取Canvas中鼠标的绝对位置
        canvas_x = main_canvas.winfo_pointerx() - main_canvas.winfo_rootx()
        canvas_y = main_canvas.winfo_pointery() - main_canvas.winfo_rooty()
        
        # 计算对应的行列（cell_size是单元格的尺寸）
        target_col = canvas_x // cell_size
        target_row = canvas_y // cell_size
        
        # 检查目标行列是否在有效范围内
        if 0 <= target_row < 6 and 0 <= target_col < 6:
            # 获取原单元格的行列
            original_row, original_col = -1, -1
            for r in range(6):
                for c in range(6):
                    if cells[r][c] == dragged_label:
                        original_row = r
                        original_col = c
                        break
                if original_row != -1:
                    break
            
            # 恢复原单元格为空白图片
            if original_row != -1:
                cells[original_row][original_col].config(image=img2)
                cells[original_row][original_col].image = img2
            
            # 将拖拽的Label放到目标单元格的grid位置
            dragged_label.grid(row=target_row, column=target_col)
            # 更新cells列表
            cells[target_row][target_col] = dragged_label
            print(f"图片移动到单元格：行{target_row+1}，列{target_col+1}")  # 转成1-based显示给用户
        
        dragged_label = None

# 给所有Label绑定拖拽事件
for r in range(6):
    for c in range(6):
        cells[r][c].bind("<ButtonPress-1>", on_drag_start)
        cells[r][c].bind("<B1-Motion>", on_drag_motion)
        cells[r][c].bind("<ButtonRelease-1>", on_drag_release)

root.mainloop()

关键说明： #

• cell_size要和图片resize的尺寸一致，保证行列计算准确
• 拖拽时先用place()临时移动，释放后用grid()放回网格布局
• 释放时通过鼠标在Canvas中的绝对位置除以单元格尺寸，得到目标行列
• 若要简化原位置查找，可以在创建Label时给每个Label添加row和col属性（比如cell_label.row = r; cell_label.col = c）

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