如何在TKINTER中更新帆布和图像？

Question

这是我用来在窗口中显示国际象棋板的一部分：

import tkinter as tk
from PIL import Image, ImageTk 

def render():
    window = tk.Tk()
    window.geometry("1920x1080")
    window.title("Chess 2")

    frame = tk.Frame(window)
    frame.pack()

    canvas = tk.Canvas(frame, width=800, height=800)
    canvas.pack()

    boardImg = ImageTk.PhotoImage(file = r"successful projects\imgs\board.png")
    canvas.create_image(400,400,image=boardImg)

    whitePawnImg = ImageTk.PhotoImage(file = r"successful projects\imgs\whitePawn.png")
    # ...

    for y in range(len(board)):
        for x in range(len(board[y])):
            match board[y][x]:
                case "p":
                    canvas.create_image(50+(x*100),50+(y*100),image=blackPawnImg) 
                # ...
                case _:
                    pass 
    window.mainloop()

在代码中，“板”是类似so的国际象棋板的表示（缩短）：

[[' ', ' '],
[' ', 'p']]

当我调用Render（），一切都很好。麻烦是，当我将列表更改为EG时。

[[' ', 'p'],
[' ', ' ']]

，然后再次调用Render（），窗口保持不变。我想要的是董事会再次渲染所有内容。关于如何解决的任何想法？

Answer 1

当您将物品添加到canvas小部件时，使用其create_xxx（）方法之一，例如 create_image（） ，返回整数href =“ https://tkdocs.com/shipman/canvas-methods.html” rel =“ nofollow noreferrer”> move> move> move（） 方法。
这就是您需要做的一切来更新所显示的内容，不需要明确的“刷新”步骤。

例如，如果您最初在某个地方放置了典当图像：

pawn_id = canvas.create_image(50+(x*100), 50+(y*100), image=blackPawnImg)

您可以将Pawn Image 10像素移动到右侧，而将20个像素向下移动（请注意，移动量相对于其当前位置指定）：

canvas.move(pawn_id, 10, 20)

您也可以使用更多的通用itemConfigure（）更改与Canvas项目相关联的其他选项（例如用create_line（））创建的行的颜色。

Answer 2

除了绘制，重新绘制，删除或移动画布上的对象外，您无需任何其他内容即可更新画布。每当您在画布中添加一些东西时，画布都会在事件队列中添加一个事件，告诉tkinter需要刷新小部件。下次控制返回到mainloop，画布将自动刷新。

您的代码有一个基本缺陷，每个调用刷新都会创建一个全新的窗口，全新的画布等。相反，您的刷新应该与现有窗口和帆布一起使用，它要做的就是移动物品。一旦函数返回，窗口本身将自动刷新。