WPF知识框架

来源:互联网 发布:中英文域名注册 编辑:程序博客网 时间:2024/06/05 03:51

WPF知识点:

A、样式  B、触发器   http://www.cnblogs.com/libaoheng/archive/2011/11/20/2255963.html

 引用外部样式 http://www.cnblogs.com/therock/articles/2135997.html

                     http://blog.csdn.net/waitforfree/article/details/8723146

C、资源    http://www.cnblogs.com/lzhp/archive/2012/09/27/2703481.html

                 http://blog.csdn.net/fwj380891124/article/details/8153229

D、模板  http://www.cnblogs.com/dingli/archive/2011/07/20/2112150.html

E、数据绑定

F、行为

G、转换器

H、动画  http://www.cnblogs.com/libaoheng/archive/2012/04/23/2466242.html



1、为什么要使用INotifyPropertyChanged?

{地址来源:http://www.cnblogs.com/bcmeng/p/3966931.html   

  http://blog.csdn.net/cselmu9/article/details/8275255 }

2、为什么要使用ObservableCollection<T>?

{地址来源:http://blog.csdn.net/swarb/article/details/7945755 }

一、何时实现INotifyPropertyChanged接口

官方解释:INotifyPropertyChanged  接口用于向客户端(通常是执行绑定的客户端)发出某一属性值已更改的通知。官方解释的很模糊,估计是个人看了都不知道到底什么时候需要实现INotifyPropertyChanged接口.小梦通过实际测试给出明确结论:

首先:OneTime模式:毫无意义,因为它的绑定只有初始时候绑定一次,根本谈不上改变!自然也就谈不上实现INotifyPropertyChanged接口.

然后是OneWay模式:我们知道OneWay模式的含义是:绑定源的每一次变化都会通知绑定目标,但是绑定目标的改变不会改变绑定源.当绑定源的数据实体类没有实现INotifyPropertyChanged接口时,当我们改变了数据源,我们会发现绑定目标的UI上的相应的数据不会立即变化.所以这时候就需要我们来实现INotifyPropertyChanged接口.

最后是TwoWay模式:在TwoWay模式下,当绑定源的数据实体类没有实现INotifyPropertyChanged接口时,我们发现.控件的更改会让数据源立即发改变,但是改变数据源,绑定目标控件却不会立即发生改变!所以当我们需要数据源改变时相对应的UI立即改变时,就需要实现INotifyPropertyChanged接口.

总之:就是当数据源改变并需要UI立即改变时我们需要实现INotifyPropertyChanged接口.

我们可以通过这个示例来明确的体会这一点:

复制代码
 <StackPanel>       <TextBox  Header="编号" Text="{Binding ID,Mode=OneTime}" Name="tbxID"  ></TextBox>        <TextBox Header="书名" Text="{Binding Title,Mode=OneWay}" Name="tbxTitle" ></TextBox>       <TextBox  Header="价格" Text="{Binding Price,Mode=TwoWay}" Name="tbxPrice" ></TextBox>     <Button Content="通过数据源修改控件的值"  Click="Button_Click"></Button>         <Button Content="直接修改控件的值"     Click="Button_Click_1" />        <Button Content="通过控件修改数据源的值"   Click="Button_Click_2" />       </StackPanel>
复制代码

 

后台代码:

复制代码
namespace INotifyPropertyChangedDEMO{    /// <summary>    /// 可用于自身或导航至 Frame 内部的空白页。    /// </summary>    public sealed partial class MainPage : Page    {        Book book = new Book();        public MainPage()        {            this.InitializeComponent();            this.NavigationCacheMode = NavigationCacheMode.Required;            book.ID = 0;            book.Title = "ASP.NET 开发手册";            book.Price = 40;            st.DataContext = book;        }  private void Button_Click(object sender, RoutedEventArgs e)//通过修改数据源修改控件的值        {            book.ID = 100;            book.Price = 50;            book.Title = "SL开发手册";        }        private async void Button_Click_1(object sender, RoutedEventArgs e)//显示数据源的值        {            await new MessageDialog(book.ID.ToString() + " " + book.Title.ToString() + " " + book.Price.ToString()).ShowAsync();        }        public class Book : INotifyPropertyChanged//INotifyPropertChanged 接口定义了一个当属性值更改时执行的事件,事件名称为PropertyChanged。     //这个是在继承这个接口的类必须要实现的事件        {            private int _id;            public int ID            {                get { return _id; }                set                {                    _id = value;                    //NotifyPropertyChange("ID");                }            }            private string _title;            public string Title            {                get { return _title; }                set                {                    _title = value;                    //NotifyPropertyChange("Title");                }            }            private double _price;            public double Price            {                get { return _price; }                set                {                    _price = value;                    //NotifyPropertyChange("Price");                }            }            public event PropertyChangedEventHandler PropertyChanged;            //PropertyChangedEventArgs类型,这个类用于传递更改值的属性的名称,实现向客户端已经更改的属性发送更改通知。属性的名称为字符串类型。            private void NotifyPropertyChange(string propertyName)            {                if (PropertyChanged != null)                {                    //根据PropertyChanged事件的委托类,实现PropertyChanged事件:                    PropertyChanged(this, new PropertyChangedEventArgs(propertyName));                }            }        }    }}
复制代码

 

大家运行这个示例可以明显体会INotifyPropertyChanged接口的作用.

 如何实现INotifyPropertyChanged接口

上面示例的INotifyPropertyChanged接口的实现方式是最常见和最普遍的.

我们可以利用CallerMemberNameAttribute特性来简化一下,这个特性可以根据调用方来决定传入哪个属性的名字.:

复制代码
protected void OnPropertyChanged([CallerMemberName] string propertyName = null)        {            var eventHandler = this.PropertyChanged;            if (eventHandler != null)                eventHandler(this, new PropertyChangedEventArgs(propertyName));        }
复制代码

 

这样我们在调用时可以这样调用:

 

NotifyPropertyChange("ID")  改为:OnPropertyChanged();

INotifyPropertyChanged接口的最佳实现方式:

这个所谓的最佳实现方式 是channel 9的视频中说的,实现方式如下:

复制代码
public class ModelBase : INotifyPropertyChanged    {        public event PropertyChangedEventHandler PropertyChanged;        protected bool SetProperty<T>(ref T storage, T value, [CallerMemberName] String propertyName = null)        {            if (object.Equals(storage, value)) return false;            storage = value;            this.OnPropertyChanged(propertyName);            return true;        }        protected void OnPropertyChanged([CallerMemberName] string propertyName = null)        {            var eventHandler = this.PropertyChanged;            if (eventHandler != null)                eventHandler(this, new PropertyChangedEventArgs(propertyName));        }    }
复制代码


相应的调用方式进一步简化:

复制代码
   private string name;        public string Name        {            get { return name; }            set            { this.SetProperty(ref this.name, value); }        }
复制代码




二、为什么是用ObservableCollection<T>?

ist<T>与ObservableCollection<T>的用法基本上是一样的。

区别:

list<T>:

当T继承于INotifyPropertyChanged时,如果list<T>中的属性发生改变,则通知UI属性值已发生改变。但当list<T>添加一项时,list<T>就无法通知前端UI了(此时,ObservableCollection<T>闪亮登场)。

ObservableCollection<T>:

当ObservableCollection<T>添加一行时,会自动通知绑定该ObservableCollection<T>的控件并做相应修改。如果希望当ObservableCollection<T>中的属性发生改变时通知UI,则T也需要继承于INotifyPropertyChanged。

 

 

/////////////////////////////////////////////////////////////////////////////////

 

 

MSDN中说ObservableCollection是一个动态的数据集合,在添加项、移除项或刷新整个列表的时候,此集合将提供通知。我是在WPF中用了这个,但是我在网上找资料的时候发现,有在WinForm中也用到的,我并没有去验证,使用方式应该一样吧,只是WPF中是提供与前台UI界面中的控件进行绑定操作时通知更新的,WinForm中怎么做就不知道了。

这个,上面MSDN那么说了,但是按照我的理解就是,ObservableCollection数据集中的条目有变动,就出发通知流程,引发更新操作。这是一个泛型类,ObservableCollection<T>的形式,我之前有一个例子,是使用ListBox做柱状图的,里面用到了ObservableCollection,里面提到一个ReptClass类,作为数据基类,ObservableCollection创建数据源,与前台的ListBox进行绑定,显示柱状图。可以参考《WPF-用ListBox做简单的柱状图》,这次还是用柱状图中的类做例子。

我今天上午一直思考一个问题,就是ObservableCollection集合中的单个条目值改变前台UI会不会更新,按照MSDN上的说法是会自动更新的,但是我试了一下,发现,只有增加条目,删除条目的时候会引发通知,当更改条目总某个值得时候并没有引发通知。

但是当我设置断点后发现,值确实改变了,只是UI并没有更新,现在的问题是,增加项、删除项,会引发通知;条目值发生变化,未进行通知。

我以为是我的写法有问题,我又查阅了一下资料,顺便看了一下今年夏天那个项目中我是如何操作的,然后发现了一个不同,就是作为基类的ReptClass,原来的写法是:

//数据类public class ReptClass{ public int count { set; get; }//数量 public Brush color { set; get; }//颜色 public string mouth { set; get; }//月份 public int height { get { return count * 3; } }//高度}

但是,这里需要提到一个接口:INotifyPropertyChanged,MSDN中说他是向客户端发出某一属性已更改的通知。在MVVM框架中也用到了这样的组合方式。

于是我让上面的类继承此接口:

//数据类 public class ReptClass : INotifyPropertyChanged { private int _count; public int count { set { _count = value; this.Changed("count"); this.Changed("height"); } get { return _count; } }//数量 public Brush color { set; get; }//颜色 public string mouth { set; get; }//月份 public int height { get { return count * 3; } }//高度#region 属性更改通知public event PropertyChangedEventHandler PropertyChanged; private void Changed(string PropertyName) { if (this.PropertyChanged != null) this.PropertyChanged(this, new PropertyChangedEventArgs(PropertyName)); } #endregion }

通过上面这样的更改,当我再次对条目进行更改的时候,UI就更新了。

比如,我要为每一项的count都加1,我可以这样写:

foreach (var item in listboxSource){ item.count += 1;}

或者进行下面这样的操作

//移除mouth=十二月的条目 listboxSource.Remove(listboxSource.FirstOrDefault(t => t.mouth == "十二月")); //移除第一个 listboxSource.RemoveAt(0); //移除最后一个 listboxSource.RemoveAt(listboxSource.Count - 1); //将第一个移动到最后 listboxSource.Move(0, listboxSource.Count - 1);

0 0
原创粉丝点击