【Win 10 应用开发】通过数据绑定更新进度条_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > 【Win 10 应用开发】通过数据绑定更新进度条

【Win 10 应用开发】通过数据绑定更新进度条

 2016/5/22 5:32:15  东邪独孤  程序员俱乐部  我要评论(0)
  • 摘要:实现INotifyPropertyChanged接口可以在属性更改后通知数据的使用者,这个相信大伙儿都知道。于是,有朋友会问:对于要实时显示进度的情况,比如更新进度条,能用这个实现吗?当然是可以的,也很简单,定义一个类,实现INotifyPropertyChanged接口,然后公开表示处理进度的属性,并且在属性更改后引发通知事件。然后把该类的实例与进度条进行绑定即可,和一般的绑定差不多。不过,有一点需要强调:通常是把属性更改通知发送给UI对象的,多数情况下
  • 标签:进度条 应用 数据 开发 应用开发

实现 INotifyPropertyChanged 接口可以在属性更改后通知数据的使用者,这个相信大伙儿都知道。于是,有朋友会问:对于要实时显示进度的情况,比如更新进度条,能用这个实现吗?

当然是可以的,也很简单,定义一个类,实现 INotifyPropertyChanged 接口,然后公开表示处理进度的属性,并且在属性更改后引发通知事件。

然后把该类的实例与进度条进行绑定即可,和一般的绑定差不多。不过,有一点需要强调:通常是把属性更改通知发送给UI对象的,多数情况下,我们在处理一些耗时操作都会在另一个线程上执行,这就使得在实现这个接口时,引发PropertyChanged 事件的时候容易发生错误。为了避免错误发生,在实现接口时,应当用Dispatcher来引发事件,确保能在UI线程上执行。

一个比较不错的方法,是先弄个抽象类,让它实现 INotifyPropertyChanged 接口,后面你所定义的各种 Model 类就可以从这个抽象类派生,这样会相当省事。

比如这样:

    public abstract class NotifyPropertyChangedBase : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        protected async void OnPropertyChanged([CallerMemberName] string propName = "")
        {
            await Window.Current.Dispatcher.RunAsync(CoreDispatcherPriority.High,
                () =>
                {
                    PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName));
                });
        }
    }

因为在引发属性更改通知时需要指定属性名称,咱们使用一个技巧,在 OnPropertyChanged 方法的参数上加一个 CallerMemberNameAttribute,这么一来,只要在被更改的属性的set方法中调用这个方法,就会自动把属性的名字传给参数了,也不用我们手动输,既免去繁杂工作,也不容易弄错。注意参数在附加CallerMemberNameAttribute后一定要给它一个默认值,说白了就是让这个参数变成可选参数,以方便运行时库在运行阶段修改它。

调用 Window.Current.Dispatcher.RunAsync 方法确保事件引发的代码是在UI线程上执行的,就不会出现因交叉线程更改用户界面而导致的异常

 

好,上面说了一车的废话,下面我们来定义一个表示进度数据的类,主要包括进度的最大值、最小值,以及当前进度,这个类从刚才定义的 NotifyPropertyChangedBase 类派生。

    public sealed class ProgressData : NotifyPropertyChangedBase
    {
        private int _max, _min, _currvalue;

        public int Max
        {
            get { return _max; }
            set
            {
                if (value != _max)
                {
                    _max = value;
                    OnPropertyChanged();
                }
            }
        }

        public int Min
        {
            get { return _min; }
            set
            {
                if (value != _min)
                {
                    _min = value;
                    OnPropertyChanged();
                }
            }
        }

        public int CurrentValue
        {
            get { return _currvalue; }
            set
            {
                if (value != _currvalue)
                {
                    _currvalue = value;
                    OnPropertyChanged();
                }
            }
        }
    }

 

在用户界面上声明 ProgressBar 控件,然后绑定到上面类型的属性。

        <ProgressBar Name="pb" Height="25" Margin="3,30,5,2"
                     Maximum="{Binding Max}"
                     Minimum="{Binding Min}"
                     Value="{Binding CurrentValue}"
                     SmallChange="1.0"/>

如何让 ProgressData 实例与 ProgressBar 控件关联呢,这好办,因为有一个 DataContext 属性,它可以赋任何类型的值,然后控件中的绑定会从该属性的值中寻找数据。

下面我们来关联一下。

            m_progressdata = new ProgressData();
            m_progressdata.Max = 100;
            m_progressdata.Min = 0;
            m_progressdata.CurrentValue = 0;
            this.pb.DataContext = m_progressdata;

注意看最后一行,不解释。

 

然后定义一个基于 Task 的异步方法,来模拟在新线程上处理数据。

        async Task TestSomethingAsync()
        {
            while (m_progressdata.CurrentValue < m_progressdata.Max)
            {
                m_progressdata.CurrentValue++;
                await Task.Delay(20);
            }
        }

 

随后可以进行测试了。

        private async void OnClick(object sender, RoutedEventArgs e)
        {
            m_progressdata.CurrentValue = m_progressdata.Min;
            Button btn = sender as Button;
            btn.IsEnabled = false;
            await TestSomethingAsync();
            btn.IsEnabled = true;
        }

 

至此,就完成进度的绑定了,当你在线程中处理进度时,你可以不用管UI上用什么来显示进度了,哪怕是用文本显示,或用进度条来显示,都无所谓,数据与界面分离。

 

看看效果,还是挺不错的。

 

这种方法除了在UWP中可用,同样适用于WPF项目,因为都是一脉相承的,所以老周一直坚持:只要WPF学好了,别的都好办

 

示例下载地址

 

上一篇: C#与JavaScript互相调用 下一篇: 状态模式
发表评论
用户名: 匿名