Python Tkinter图片查看器前后按钮无法切换图片问题求助

全局变量images的数值随前后按钮点击确实会变化，但界面图片始终不更新，测试按钮已验证变量值正确。

原代码 #

# libraries
from tkinter import *
from PIL import Image, ImageTk
# main widget and tittle
root = Tk()
root.title("Image_viewer")

# counter for the image number
images = 0

# test function, this function is to test buttons
def test_func():
    global images
    print(images)
    print(image_list[images],)

# foward function
def foward_func():
    global images
    images = images + 1
    return images

# back function
def back_func():
    global images
    images = images - 1
    return images

# images import
image_1 = ImageTk.PhotoImage(Image.open(
    "C:\\Users\\hallo\\Pictures\\cool_pics\\coolpic1.jpg"))
image_2 = ImageTk.PhotoImage(Image.open(
    "C:\\Users\\hallo\\Pictures\\cool_pics\\coolpic2.jpg"))
image_3 = ImageTk.PhotoImage(Image.open(
    "C:\\Users\\hallo\\Pictures\\cool_pics\\coolpic3.jpg"))
image_4 = ImageTk.PhotoImage(Image.open(
    "C:\\Users\\hallo\\Pictures\\cool_pics\\coolpic4.jpg"))
image_5 = ImageTk.PhotoImage(Image.open(
    "C:\\Users\\hallo\\Pictures\\cool_pics\\coolpic5.jpg"))
# images list
image_list = [image_1, image_2, image_3, image_4, image_5]
# widgets
image_label1 = Label(root, image=image_list[images],)
exit_button = Button(root, text="Exit", command=root.quit)
back_button = Button(root, text="<", command=back_func)
forward_button = Button(root, text=">", command=foward_func)
test_button = Button(root, text="test", command=test_func)

# widgets print
image_label1.grid(row=0, column=0, columnspan=3)
back_button.grid(row=1, column=0)
exit_button.grid(row=1, column=1)
forward_button.grid(row=1, column=2)
test_button.grid(row=2, column=0, columnspan=3)

# main widegt loop
root.mainloop()

问题原因 #

前后按钮的函数仅修改了images计数器，但没有主动更新Label组件的图片属性。Tkinter组件创建后不会自动监听变量变化，必须手动调用方法更新界面。此外，原代码未处理边界情况（比如images小于0或超过图片列表长度），会导致索引错误。

修复后的代码 #

# libraries
from tkinter import *
from PIL import Image, ImageTk

# main widget and title
root = Tk()
root.title("Image_viewer")

# counter for the image number
images = 0

# test function
def test_func():
    global images
    print(images)
    print(image_list[images])

# forward function with boundary check and image update
def foward_func():
    global images
    if images < len(image_list) - 1:
        images += 1
        image_label1.config(image=image_list[images])

# back function with boundary check and image update
def back_func():
    global images
    if images > 0:
        images -= 1
        image_label1.config(image=image_list[images])

# images import
image_1 = ImageTk.PhotoImage(Image.open(
    "C:\\Users\\hallo\\Pictures\\cool_pics\\coolpic1.jpg"))
image_2 = ImageTk.PhotoImage(Image.open(
    "C:\\Users\\hallo\\Pictures\\cool_pics\\coolpic2.jpg"))
image_3 = ImageTk.PhotoImage(Image.open(
    "C:\\Users\\hallo\\Pictures\\cool_pics\\coolpic3.jpg"))
image_4 = ImageTk.PhotoImage(Image.open(
    "C:\\Users\\hallo\\Pictures\\cool_pics\\coolpic4.jpg"))
image_5 = ImageTk.PhotoImage(Image.open(
    "C:\\Users\\hallo\\Pictures\\cool_pics\\coolpic5.jpg"))

# images list
image_list = [image_1, image_2, image_3, image_4, image_5]

# widgets
image_label1 = Label(root, image=image_list[images])
exit_button = Button(root, text="Exit", command=root.quit)
back_button = Button(root, text="<", command=back_func)
forward_button = Button(root, text=">", command=foward_func)
test_button = Button(root, text="test", command=test_func)

# layout
image_label1.grid(row=0, column=0, columnspan=3)
back_button.grid(row=1, column=0)
exit_button.grid(row=1, column=1)
forward_button.grid(row=1, column=2)
test_button.grid(row=2, column=0, columnspan=3)

root.mainloop()

关键修改点 #

1. 在foward_func和back_func中添加image_label1.config(image=image_list[images])，手动更新Label的图片。
2. 增加边界判断：向前时不能超过最后一张图片的索引（len(image_list)-1），向后时不能小于0，避免索引越界错误。

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