如何实现tkinter对象动态调整大小,展示排序算法动画的完整过程?
问题核心原因
你写的代码没有动画效果是两个逻辑问题导致的:
- 排序逻辑和界面更新完全拆分:先执行完了整个选择排序的全流程,把数组完全排好之后才一次性更新所有矩形的高度,自然看不到中间的交换过程
- 没有主动触发界面刷新、也没有加观测间隔:Tkinter的界面默认要等进入
mainloop之后才会批量处理所有渲染任务,排序过程中修改元素属性后如果不主动调用刷新方法,界面不会即时展示变化,也没有留出时间让人眼捕捉中间状态。
修复后的完整代码
import time import random import array from tkinter import * root = Tk() canvas = Canvas(width=1100, height=900, bg="black") canvas.pack() a = array.array('i',(0 for c in range(0,22))) rect_list = [] # 初始化随机高度的矩形 for i in range(0,22): a[i] = random.randrange(100,700,10) rect_list.append(canvas.create_rectangle(i*50, 900, (i*50)+50, a[i], fill='white',outline="black")) # 选择排序逻辑,每交换一次就更新界面 for v in range(0,22): for b in range(v,22): if a[b] < a[v]: # 交换数组元素 a[v], a[b] = a[b], a[v] # 更新两个被交换位置的矩形高度 x0, y0, x1, y1 = canvas.coords(rect_list[v]) canvas.coords(rect_list[v], x0, a[v], x1, y1) x0, y0, x1, y1 = canvas.coords(rect_list[b]) canvas.coords(rect_list[b], x0, a[b], x1, y1) # 主动刷新界面 root.update() # 控制动画速度,单位秒,可自行调整 time.sleep(0.1) root.mainloop()
关键改动说明
- 把矩形高度更新逻辑嵌入到排序的交换步骤之后,每交换一次数组元素就立刻更新对应两个矩形的高度
- 每次更新完矩形高度后调用
root.update()主动触发界面重绘,让修改立刻显示在窗口上 - 增加
time.sleep(0.1)控制动画播放速度,数值越小动画速度越快,你可以根据需求调整 - 提前完成canvas的挂载和背景色设置,避免排序前界面没有完成初始化
- 修正了原代码中用
list作为变量名的问题,list是Python内置关键字,避免命名冲突导致后续异常 - 移除了原代码中未使用的
math、turtle库导入,减少冗余
内容的提问来源于stack exchange,提问作者Narrow
相关产品推荐
相关产品推荐

