You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何实现tkinter对象动态调整大小,展示排序算法动画的完整过程?

问题核心原因

你写的代码没有动画效果是两个逻辑问题导致的:

  1. 排序逻辑和界面更新完全拆分:先执行完了整个选择排序的全流程,把数组完全排好之后才一次性更新所有矩形的高度,自然看不到中间的交换过程
  2. 没有主动触发界面刷新、也没有加观测间隔: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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.02 16:09:03