昨天在網上看見一位博主寫了BackgroundWorker，感覺非常不錯。學習加修改之後，隨手記錄，防止忘記!
在視窗內同一位置，增添旋轉效果圖，程式碼如下：

<Canvas Grid.Row="2" Grid.Column="1" Name="cavLoading" Visibility="Collapsed" RenderTransformOrigin="0.5,0.5"  HorizontalAlignment="Center" VerticalAlignment="Center" Width="120" Height="120">
                <Ellipse Width="15"
 
 Height="15" Canvas.Left="55" Canvas.Top="31" Stretch="Fill" Fill="#FFD1D1F7" Opacity="1.0"/>
                <Ellipse Width="15" Height="15" Canvas.Left="38" Canvas.Top="39" Stretch="Fill" Fill="Blue" Opacity="0.8"/>
                <Ellipse Width="15" Height="15" Canvas.Left="36" Canvas.Top
 
="58" Stretch="Fill" Fill="#FF0000FE" Opacity="0.7"/>
                <Ellipse Width="15" Height="15" Canvas.Left="52" Canvas.Top="67" Stretch="Fill" Fill="Blue" Opacity="0.6"/>
                <Ellipse Width="15" Height="15" Canvas.Left="68" Canvas.Top="61" Stretch="Fill" Fill="#FF2E2EFF" Opacity
 
="0.5"/>
                <Ellipse Width="15" Height="15" Canvas.Left="69" Canvas.Top="42" Stretch="Fill" Fill="#FF6F6FFF" Opacity="0.4"/>
                <Canvas.RenderTransform>
                    <RotateTransform x:Name="SpinnerRotate" Angle="0" />
                </Canvas.RenderTransform>
                <Canvas.Triggers>
                    <EventTrigger RoutedEvent="ContentControl.Loaded">
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="SpinnerRotate" Storyboard.TargetProperty="(RotateTransform.Angle)" From="0" To="360" Duration="0:0:0.8" RepeatBehavior="Forever" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Canvas.Triggers>
            </Canvas>

以及旋轉之後的展示圖，程式碼如下：

<Grid Grid.Row="2" Grid.Column="1"  Name="gNewBox"  Margin="21,0,0,0" Visibility="Collapsed"  >
                <Grid.RowDefinitions>
                    <RowDefinition Height="106"/>
                    <RowDefinition Height="106"/>
                    <RowDefinition Height="106"/>
                    <RowDefinition Height="106"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="100"/>
                    <ColumnDefinition Width="100"/>
                    <ColumnDefinition Width="100"/>
                    <ColumnDefinition Width="100"/>
                    <ColumnDefinition Width="100"/>
                    <ColumnDefinition Width="100"/>
                </Grid.ColumnDefinitions>

            </Grid>

因為我是自定義控制元件後臺實現動態新增，所以沒有在佈局內直接新增，動態新增程式碼如下：

 public void ShowStruct()
 {
            var controls = new List<Drawer.Drawer>();
            controls.Clear()；
            gNewBox.Children.Clear();           
                var id = 1;
                for (var i = 0; i < 6; i++)
                {
                    for (var j = 0; j < 4; j++)
                    {
                        var bitkyPole = new Drawer.Drawer();
                        bitkyPole.Name = "drawer" + id;
                        bitkyPole.Width = 145;
                        bitkyPole.Height = 65;
                        //在 Grid 中動態新增控制元件
                        gNewBox.Children.Add(bitkyPole);
                        //設定控制元件在 Grid 中的位置
                        Grid.SetRow(bitkyPole, 5 - i);
                        Grid.SetColumn(bitkyPole, j);
                        //將控制元件新增到集合中，方便下一步的使用
                        controls.Add(bitkyPole);
                        //對控制元件使用自定義方法進行初始化
                        // bitkyPole.setContent(id);                      
                        id++;
                   }
            }
 }

以及等待時長的label:

 <Label Grid.Row="1" Grid.Column="1" Width="120" Height="40" VerticalAlignment="Top" HorizontalAlignment="Left" Content="等待時長：" VerticalContentAlignment="Center" HorizontalContentAlignment="Center"></Label>
            <Label Grid.Row="1" Grid.Column="1" Width="120" Height="40" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="130,0,0,0" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" Name="lab_pro"></Label>

然後實現BackgroundWorker，程式碼如下：

 BackgroundWorker bgWl;
        private void btnLoading_Click(object sender, RoutedEventArgs e)
        {
            bgWl = new BackgroundWorker();
            bgWl.WorkerReportsProgress = true;
            bgWl.DoWork += new DoWorkEventHandler(bgWl_DoWork);
            bgWl.ProgressChanged += new ProgressChangedEventHandler(bgWl_ProgressChanged);
            bgWl.RunWorkerCompleted += new RunWorkerCompletedEventHandler(bgWl_RunWorkerCompleted);
            bgWl.RunWorkerAsync();
        }
        void bgWl_RunWorkerCompleted(object sender, RunWorkerCompletedEventArgs e)
        {
           cavLoading.Visibility = System.Windows.Visibility.Collapsed;
            gNewBox.Visibility = System.Windows.Visibility.Visible;
            this.Dispatcher.Invoke(new Action(() =>
            {
                this.lab_pro.Content = "完成";
            }));
        }
        void bgWl_ProgressChanged(object sender, ProgressChangedEventArgs e)
        {
            this.Dispatcher.Invoke(new Action(() =>
            {
                this.lab_pro.Content = e.ProgressPercentage;
            }));
        }

        void bgWl_DoWork(object sender, DoWorkEventArgs e)
        {
            this.Dispatcher.Invoke(new Action(() =>
            {
             gNewBox.Visibility = System.Windows.Visibility.Collapsed;
             cavLoading.Visibility = System.Windows.Visibility.Visible;
             ShowStruct();
            }));
            GetData();
        }
        public void GetData()
        {
            for (int i = 0; i < 11; i++)
            {
                bgWl.ReportProgress(i);
                System.Threading.Thread.Sleep(500);
            }
        }