如何在排序可视化工具中减慢排序速度？为了更清楚？

Question

我正在制作一个排序算法可视化工具，我刚刚完成了冒泡排序。所以问题是图表立即排序。

最小代码：

import PySimpleGUI as sg 
from random import randint 
from time import sleep
sg.theme('Dark')


hlayout1 = #LAYOUT FOR THE WINDOW

window = sg.Window('Sort Visualizer',hlayout1)


while True:
    event,value = window.read()
    if event == sg.WINDOW_CLOSED:
        break
    if event == '--[RANDOM]--':
        #Generates a random array to the Graph. 
    if event=='--[SORT]--':     
        n = len(array) 
        for i in range(n): 
            swapped = False
            for j in range(0, n-1):  
                if array[j] > array[j+1] : 
                    array[j], array[j+1] = array[j+1], array[j]
                    
                    #Need to do something here.... Lets refer this as A
                    
                    swapped = True
            # IF no two elements were swapped 
            # by inner loop, then break 
            if swapped == False: 
                break
        canvas.erase()                           #These three lines refresh the 
        for idx,i in enumerate(array):           #graph, Lets refer this as 
            canvas.draw_line((idx+5,0),(idx+5,i))#Refresher
window.close()

我试过的-

time.sleep() 并将复习线移动到 A 区
PySimpleGui.Graph的方法 - Graph.move_figure in A
并使用带有 Pysimplegui 的 tkinter canvas。

但在所有这些中，我看到数组滞后 3-4 分钟并立即捕捉到排序位置。 我对行进行排序没有问题，只是让它更具交互性

也许问题出在我的旧笔记本电脑无法正确渲染它。由于我将 Refresher 移至 A，因此它是一个循环内的循环。如果它要捕捉到排序的位置，那么使用 array.sort() 会更好吗？它将使用更少的迭代并且更有效。针对极客的极客在线教程使用 Pygame 及其 time.delay() 函数。我应该放弃 Pysimplegui 并使用 Pygame 来做同样的事情吗？

Answer 1

您必须在每次交换后更新图像。在这个例子中，我在每次交换后打印新数组。在更新图像之后或之前，您可以添加时间延迟，例如打印语句后的注释。

def bubbleSort(array):
    n = len(array)
    for i in range(n):
        swapped = False
        for j in range(n-i-1):
            if array[j] > array[j + 1]:
                array[j], array[j + 1] = array[j + 1], array[j]
                swapped = True
                print(array) #Update Image, Graph, Visual ..etc Redraw after every swap
                #time.sleep() this is where you would insert a delay for visual effect
        if not swapped:
            break

Answer 2

在 GUI 事件循环中，GUI 仅在 window.read() 时刷新。在一个事件循环中，GUI 的任何更改都不会更新，并且在您完成所有排序步骤后，您只能找到 GUI 的最后状态。

如果您希望在 GUI 发生变化时显示每个步骤，您需要在更改 GUI 后添加一条语句，例如

graph = window['-GRAPH-']
graph.move_figure(figure, x_direction, y_direction)
window.refresh()

然后它会显示每个步骤。

如何在排序可视化工具中减慢排序速度？为了更清楚？

How to slow down the sorting in a sorting visualizer? for better clarity?

python

sorting

pysimplegui