WPF知识框架

最新推荐文章于 2025-03-13 11:25:14 发布

有问又问

最新推荐文章于 2025-03-13 11:25:14 发布

阅读量566

点赞数

分类专栏：基础知识文章标签： wpf

本文链接：https://blog.youkuaiyun.com/youwenyouwen/article/details/56835171

版权

基础知识专栏收录该内容

22 篇文章

订阅专栏

WPF知识点：

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

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

http://blog.youkuaiyun.com/waitforfree/article/details/8723146

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

http://blog.youkuaiyun.com/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.youkuaiyun.com/cselmu9/article/details/8275255 }

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

{地址来源：http://blog.youkuaiyun.com/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);