WPF 简易进度条效果

最近做一个项目,看到以前同事写的进度条效果不错,所以,拿来简化了下,不炫,但是项目中还是够用的。

还是,先来看下调用以后的效果

1、因为ProgressbBar的Foreground显示不得不一样,所以,要有一个参数去给控件进行设置,因此定义了一个参数值ForegroundColor

复制代码
public int ForegroundColor
{
    get
    {
        return _foregroundColor;
    }

    set
    {
        _foregroundColor = value;
        LinearGradientBrush lgb = dictionary["ForegroundColor" + value] as LinearGradientBrush;
        if (lgb != null)
            proBar.Foreground = txt.Foreground = percent.Foreground = lgb;
    }
}
复制代码

代码里有这么一句话“LinearGradientBrush lgb = dictionary["ForegroundColor" + value] as LinearGradientBrush;”是为了方便通过这是这个参数去样式文件里取样式的。

复制代码
<LinearGradientBrush x:Key="ForegroundColor1" EndPoint="1,0.5" StartPoint="0,0.5">
    <GradientStop Color="#FFBBF586" Offset="0.5"/>
    <GradientStop Color="#FFD4F9C3" Offset="1"/>
</LinearGradientBrush>
<LinearGradientBrush x:Key="ForegroundColor2" EndPoint="1,0.5" StartPoint="0,0.5">
    <GradientStop Color="#FF5BE26E" Offset="0.5"/>
    <GradientStop Color="#FF8DEC9C" Offset="1"/>
</LinearGradientBrush>
<LinearGradientBrush x:Key="ForegroundColor3" EndPoint="1,0.5" StartPoint="0,0.5">
    <GradientStop Color="#FFB656F2" Offset="0.5"/>
    <GradientStop Color="#FFAE8DFE" Offset="1"/>
</LinearGradientBrush>
<LinearGradientBrush x:Key="ForegroundColor4" EndPoint="1,0.5" StartPoint="0,0.5">
    <GradientStop Color="#FF3AE9E9" Offset="0.5"/>
    <GradientStop Color="#FF8DFDFE" Offset="1"/>
</LinearGradientBrush>
复制代码

2、既然是ProgressBar就要有一个进度值,这个值,我们用TextBlock来进行显示,一定要实现通知接口,这样,才能保证实时的通知到页面上。

复制代码
public string ValueText
{
    get
    {
        return _valueText;
    }

    set
    {
        _valueText = value;
        if (this.PropertyChanged != null)
        {
            this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("ValueText"));
        }
    }
}
复制代码

3、启用一个后台线程,来不断的更新进度效果

复制代码
private void Bgw_DoWork(object sender, DoWorkEventArgs e)
{
    for (int i = 0; i < BarValue; i++)
    {
        System.Threading.Thread.Sleep(50);
        proBar.Dispatcher.Invoke(new Action(
                                     delegate
        {
            if (proBar.Value <= BarValue)
            {
                proBar.Value++;
            }
        }));
        ValueText = i + "";
    }
    ValueText = BarValue + "";
}
复制代码

源码

posted @   眾尋  阅读(5802)  评论(4编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示
主题色彩