WPF tutorial - The ProgressBar control

     Title="MainWindow" Height="100" Width="300" ContentRendered="Window_ContentRendered">
    <Grid Margin="20">
        <ProgressBar Minimum="0" Maximum="100" Name="pbStatus" />
    </Grid>

http://www.wpf-tutorial.com/misc-controls/the-progressbar-control/

ProgressBar는 현재 진행 중인 프로세스의 진행에 대한 내용을 시각적으로 보여줍니다.

<Grid Margin="20">
        <ProgressBar Minimum="0" Maximum="100" Value="75" />
    </Grid>

Showing progress while performing a lengthy task

쓰레드에서 많은 작업을 수행하게 되면, ProgressBar는 진행상황에 대한 업데이트를 반영하기 힘듭니다.

     Title="MainWindow" Height="100" Width="300" ContentRendered="Window_ContentRendered">
    <Grid Margin="20">
        <ProgressBar Minimum="0" Maximum="100" Name="pbStatus" />
    </Grid>

using System.Threading;
 private void Window_ContentRendered(object sender, EventArgs e)
        {
            for (int i = 0; i < 100; i++)
            {
                pbStatus.Value++;
                Thread.Sleep(100);
            }
        }

대신 worker 쓰레드를 수행하자마자, UI쓰레드에 업데이트하면, 즉각적으로 진행할 수 있고, 이것들의 업데이트를 보여줄 수 있습니다.

이러한 작업을 위하여 BackgroundWorker class가 있습니다.

using System.Threading;
using System.ComponentModel;
 
private void Window_ContentRendered(object sender, EventArgs e)
        {
            BackgroundWorker worker = new BackgroundWorker();
            worker.WorkerReportsProgress = true;
            worker.DoWork += worker_DoWork;
            worker.ProgressChanged += worker_ProgressChanged;
 
            worker.RunWorkerAsync();
        }
 
        private void worker_ProgressChanged(object sender, ProgressChangedEventArgs e)
        {
            pbStatus.Value = e.ProgressPercentage;
        }
 
        private void worker_DoWork(object sender, DoWorkEventArgs e)
        {
            for(int i=0; i<100; i++)
            {
                (sender as BackgroundWorker).ReportProgress(i);
                Thread.Sleep(100);
            }
        }

Indeterminate

어떠한 작업들은 퍼센트로 진행률을 표시하는 것이 불가능하거나 얼마나 걸릴지 알 수 없습니다.

이러한 상황을 위하여 IsIndeterminate 속성을 사용하여 표시합니다.

<Grid Margin="20">
        <ProgressBar Minimum="0" Maximum="100" Name="pbStatus" IsIndeterminate="True"/>
    </Grid>

ProgressBar with Text

WPF ProgressBar는 진행률을 progress bar로 보여줄 뿐만 아니라, 텍스트로도 보여줄 수 있습니다.

 <Grid Margin="20">
        <ProgressBar Minimum="0" Maximum="100" Name="pbStatus"/>
        <TextBlock Text="{Binding ElementName=pbStatus, Path=Value, StringFormat={}{0:0}%}" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>
    </Grid>