9

我正在尝试创建任何排序算法的可视化表示，其中数据以 int[] 数组表示。维基百科上的冒泡排序示例：

来自维基百科的冒泡排序

当交换 int[] 数组中的两个项目时，我的排序算法都会引发一个事件 ItemsSwapped。我试图在画布上的每个事件之后显示数据，这是我的代码：

// Handler for ItemsSwapped event.
private void Render(object sender, ItemsSwapEventArgs e)
{
    canvas.Children.Clear();
    int numberOfElements = e.Data.Length;

    for (int x = 0; x < numberOfElements; x++)
    {
        RenderValue(x, e.Data[x]);
    }
    // Here I should somehow refresh canvas.
}

private void RenderValue(int x, int y)
{
    var value = new Ellipse
                    {
                        Width = 5,
                        Height = 5,
                        Stroke = Brushes.Black,
                        StrokeThickness = 2,
                    };
    Canvas.SetTop(value, x);
    Canvas.SetLeft(value, y);
    canvas.Children.Add(value);
}

问题是，画布不会自行刷新，它只是在一段时间后显示最终解决方案。每次引发事件后如何刷新它？

编辑 - 我尝试了 UpdateLayout、InvalidateMeasure 和 Dispatcher 对象，但都没有奏效。

4

2 回答 2

2

也许您在 UI 线程上启动排序算法，所以它在完成之前不会更新。尝试在另一个线程中排序并使用Dispatcher通过调用Invoke或BeginInvoke更新 Canvas 子项。

如果您的ItemsSwapped处理程序是从单独的线程调用的，它可能如下所示：

private void Render(object sender, ItemsSwapEventArgs e)
{
    Dispatcher.Invoke((Action)(() =>
        {
            canvas.Children.Clear();
            int numberOfElements = e.Data.Length;

            for (int x = 0; x < numberOfElements; x++)
            {
                RenderValue(x, e.Data[x]);
            }
        }));
}
于 2013-03-24T20:44:32.073 回答
2

你在使用线程吗？您必须在与主 UI 不同的线程中完成工作。这是一个帮助您入门的链接：如何从 C# 中的另一个线程更新 GUI？

于 2013-03-24T20:45:27.047 回答