加载文件时显示带有动画 gif 的弹出窗口

Question

我的程序的目标是将一个目录加载到我的树视图节点中，这需要 10 秒以上（因为该目录驻留在远程 PC 中）。在此期间，我将添加一个等待的弹出图像。我复制了这个帖子的答案：How can i show an image while my application is loading 到我的代码，比如：

   private void treeView2_AfterSelect(object sender, TreeViewEventArgs e)
   {
        Form f = new Form();
        f.Size = new Size(20, 25);
        Image im = Image.FromFile(@"C:\Documents and Settings\JiangC\Documenti\Immagini\loader.gif");
        f.FormBorderStyle = FormBorderStyle.None;
        f.MinimizeBox = false;
        f.MaximizeBox = false;
        f.AutoSize = true;
        PictureBox pb = new PictureBox();

        //pb.Dock = DockStyle.Fill;
        pb.SizeMode = PictureBoxSizeMode.AutoSize;
        pb.Image = im;
        pb.Location = new Point(50, 50);
        f.Controls.Add(pb);
        f.Show();
       // Application.DoEvents();
        BuildTree(directory, treeView2.Nodes, treeView2.SelectedNode);            
        f.Close();
    }

我想要做的是在加载过程中（当 Buildtree() 方法正在实现时）带有图片框 pb 的表单 f 将被显示，并且在加载后它们就消失了。

第一个问题在“pb.Dock = DockStyle.Fill;”中 如果我取消注释，这个表单 f 将不会在加载过程中显示（但我可以在屏幕底部看到它的最小化窗口）。只有当我取消这条线时，表格 f 才能显示出来。 第二个问题是“f.Show();”当显示形式 f 时，完全不显示图片框 pb（只是一个空洞）。如果我将其修改为“f.ShowDialog();”，则可以显示带有图片的表格f。 然而，第三个问题来了，形式 f 将永远存在，我的函数“BuildTree();”根本没有实施！
第四个问题是如果我添加“Application.DoEvents();”行，它工作得很好，在加载过程中会显示带有图片框的表单 f，加载后 f 会消失，但 f 中的图片是gif，在这种情况下，gif 根本没有动画！

所以有人可以帮我解决这个问题吗？

这是我的 BuildTree 函数代码：

private void BuildTree(DirectoryInfo[] directoryInfo, TreeNodeCollection addInMe, TreeNode clicked)
{

    for (int i = 0; i < directoryInfo.Length; i++)
    {              
        var files = directoryInfo[i].GetFiles();
        int length = files.Length;
        clicked.Nodes.Add(directoryInfo[i].Name);
        List<TreeNode> dateNode = new List<TreeNode>();
        string[] allDates = new string[length];

        try
        {
            for (int j = 0; j < length; j++)
            {
                allDates[j] = files[j].Name.Substring(11, 6);
            }

        }
        catch (Exception e)
        { }


        string[] date = allDates.Distinct().ToArray();

        for (int k = 0; k < date.Length; k++) //From here to the end
        {
            // is my code loading file
            dateNode.Add(clicked.Nodes.Add(date[i]));
            for (int j = 0; j < length; j++)
            {
                // curNode.Nodes.Add(file.FullName, file.Name);               

                if (files[j].Name.Substring(11, 6) == date[i])
                {
                    dateNode[i].Nodes.Add(files[j].FullName, files[j].Name);
                }

            }

        }

        foreach (DirectoryInfo subdir in directoryInfo[i].GetDirectories())
        {
            BuildTree(subdir, clicked.Nodes);
        }

    }

}

Answer 1

这取决于您的 BuildTree() 方法是否可以在后台线程上执行。 因为您正在传递对 TreeView 控件属性的引用，所以我假设该代码必须在 UI 线程上执行。 在这种情况下，我唯一可以建议您的是调用 Application.DoEvents();在 BuildTree() 方法中，例如在循环中。

此外，如果您在 BuildTree() 方法中进行任何长期调用以获取数据，则应在后台线程上进行这些调用并以任何方便的方式与 UI 同步。

[编辑] 我快速浏览了您的 BuildTree() 方法。我认为在这种情况下，最适合您的方法是：

1. 声明额外的数据结构来保存填充 TreeView 所需的所有数据。
2. 后台填写所有数据（可以使用BackgroundWorker） here is a good question 强调如何从 BackgroundWorker 获取结果
3. 所有数据准备就绪后，创建所有节点并将其添加到 TreeView。这也需要一些时间，但必须在 UI 线程上完成。 为了保持 UI 响应，您可以在循环中调用 Application.DoEvents()，您将在其中将新节点添加到树中

treeView2_AfterSelect() 中的代码如下所示：

//...
f.Show();
BackgroundWorker bw = new BackgroundWorker();

bw.DoWork += (ss, ee) =>
{
    ee.Result = PrepareData(directory); // prepare all data required to build the Tree
}

bw.RunWorkerCompleted += (ss, ee) => 
{
    BuildTreeByData(ee.Result, addInMe, clicked);
    f.Close();
}

bw.RunWorkerAsync();

Answer 2

在调用 f.Show() 之前将此行添加到您的代码中：

f.Activated += (s, e) => BuildTree(directory, treeView2.Nodes, treeView2.SelectedNode);
// it's f.Shown for Windows Forms, Activated is for WPF

它将匿名事件处理程序订阅到您的 f 表单的 OnShow 事件。在这个处理程序中，您只需调用您的方法。

如果它不起作用，您将不得不在此处替换对 BuildTree 的调用以获取 BackgroundWorker call，因为您的 BuildTree 方法可能会访问 UI 控件，这是一个很大的禁忌。调用此代码而不是 f.ShowDialog：

BackgroundWorker bw = new BackgroundWorker();

bw.DoWork += (ss, ee) =>
{
    f.ShowDialog(this);
    BuildTree(directory, treeView2.Nodes, treeView2.SelectedNode);
}

bw.RunWorkerCompleted += (ss, ee) => f.Close();
bw.RunWorkerAsync();

并像这样在 BuildTree 中更改对控件的每次访问和修改：

this.Invoke((MethodInvoker) (() =>
{
    // access you control here
}));