WPF 手绘进度条

来源：互联网发布：python 首字母小写编辑：程序博客网时间：2024/04/27 14:43

话说现在的项目中我要用进度条了。本想用自带的那个ProcessBar控件，可是样式不好看，加上自己本事有限，对WPF中的样式相当的不熟。只好想别的办法了。不知哪根儿神经一动，我想到了用Rectangle控件。知道这个控件的一定就知道我是怎么想的了。具体通过DispatcherTimer类实现。因为这个类有一个Interval属性设置使用的多长时间完成，再加上一个Tick事件，每一毫秒就会触发一下这个Tick事件。当然大多数情况下我们不会这么频繁的触发这个事件。具体就跟实际情况而定了。关于DispatcherTimer类，还是让MSDN来讲吧，http://msdn.microsoft.com/zh-cn/library/system.windows.threading.dispatchertimer.aspx。下面贴出来代码，做一下记录。

XAML代码如下：

[html] view plaincopyprint?
<Window x:Class="ProcessBarTest.MainWindow"  
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
        Title="MainWindow" Height="254" Width="525" Loaded="Window_Loaded">  
    <Grid Height="218">  
        <Rectangle Height="28" HorizontalAlignment="Left" Margin="64,24,0,0" Name="rectangle1" Stroke="Black" VerticalAlignment="Top" Width="0" />  
        <Label Content="进度：" Height="28" HorizontalAlignment="Left" Margin="12,26,0,0" Name="label1" VerticalAlignment="Top" />  
        <Button Content="开 始" Height="23" HorizontalAlignment="Left" Margin="416,183,0,0" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" />  
        <Label Content="0%" Margin="71,24,0,166" Name="label2" HorizontalAlignment="Left" Width="46" />  
        <TextBox Height="108" HorizontalAlignment="Left" Margin="12,69,0,0" Name="textBox1" VerticalAlignment="Top" Width="479" TextWrapping="WrapWithOverflow" />  
    </Grid>  
</Window>  

当然与此相关的当然就是后台代码啦：

[csharp] view plaincopyprint?
public partial class MainWindow : Window  
{  
    private delegate int BrushProcessHandle();  
    public MainWindow()  
    {  
        InitializeComponent();  
    }  
  
    Thickness tmpT;  
  
    private void button1_Click(object sender, RoutedEventArgs e)  
    {  
        this.rectangle1.Width = 0;  
        i = 1;  
        if (tmpT.Left==0&&tmpT.Top==0&&tmpT.Right==0&&tmpT.Bottom==0)  
        {  
            tmpT = this.label2.Margin;  
        }  
        else  
        {  
            this.label2.Margin = tmpT;  
        }  
        this.textBox1.Text = "do working...";  
        // 注释此句将百分比将会一直在进度条头部显示  
        this.label2.Margin = new Thickness(this.label2.Margin.Left - 52, this.label2.Margin.Top, this.label2.Margin.Right, this.label2.Margin.Bottom);  
        // 取消注释字体颜色为白色  
        //this.label2.Foreground = Brushes.White;  
        // 取消注释字体为斜体  
        //this.label2.FontStyle = FontStyles.Italic;  
        BrushProcessBar();  
    }  
  
      
    private DispatcherTimer dt;  
    private int i = 1;  
    private void BrushProcessBar()  
    {  
        dt = new DispatcherTimer();  
        dt.Interval = new TimeSpan(10000);  
        dt.Tick += new EventHandler(dt_Tick);  
        dt.Start();  
    }  
  
    protected void dt_Tick(object sender, EventArgs e)  
    {  
        // 纯色进度条  
        //SolidColorBrush scb = new SolidColorBrush();  
        //scb.Color = Color.FromRgb(63, 134, 231);  
          
        // 渐变进度条  
        LinearGradientBrush scb = new LinearGradientBrush(Color.FromRgb(63, 169, 233), Color.FromRgb(16, 111, 197), 0);  
        this.rectangle1.Width = i++;  
        this.label2.Margin = new Thickness(this.label2.Margin.Left + 1, this.label2.Margin.Top, this.label2.Margin.Right, this.label2.Margin.Bottom);  
        this.rectangle1.Fill = scb;  
        if (i == 50 || i == 120 || i == 410)  
        {  
            Thread.Sleep(200);  
        }  
        this.label2.Content = Decimal.Round(((decimal)i)/400*100,2) + "%";  
        if (i == 400)  
        {  
            dt.Stop();  
            this.textBox1.Text += "\r\nCompleted";  
        }  
    }  
  
    private void Window_Loaded(object sender, RoutedEventArgs e)  
    {  
          
    }  
}  

再给个程序运行效果图吧？好吧。

0 0