WPF手绘进度条

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

XAML代码如下：

<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>

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

    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)        {                    }    }

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

以上就是源码了。就不再提供下载啦。。吼吼。。。