在Page页面里面, DataContext 更新后,前台数据要求会自动更新.

但前台的绑定如果用x:bind 语法. 它要求强类型.直接关联到DataContext上就不行了.

需要为Page 添加 INotifyPropertyChanged 接口实现.

页面如果很多的话. 为每个页面实现此接口,代码将有不少重复.

为了减少代码重复量而努力.

现在要在页面代码里面添加vm属性.这是强类型.所以可以让前台使用x:bind.

public Vm
     <设置pageviewmodel>
       VM { get; } = new Vm
      <设置pageviewmodel>
       ();
      
     

 

 vm泛型类定义如下: 这样当Data更新后,就会自动通知前台.

 

public class Vm
     
       : ViewModelBase    {        private T _data;        public T Data        {            get { return _data; }            set { SetProperty(ref _data, value); }        }    }
     

 

 

还要订阅事件更新,放在构造函数里面.这样当DataContext更新后.同时赋值给Data.

  

DataContextChanged += (s, e) => VM.Data = this.DataContext as 设置PageViewModel;

 

 

这样只需要在Page里面添加2行代码就可以实现属性自动更新了.

 

PageViewModel 类型是继承 ViewModelBase 的. 带属性更新通知功能.引用Prism类就有.

 

   前台绑定如下: 需要指定Mode,不然就是OneTime.

 

Text="{x:Bind VM.Data.说明, Mode=OneWay}"

 

使用x:Bind 绑定可以直接绑定到事件,方法等等.自带属性参数事件.听说效率也比Binding 高.

如:  

IsPaneOpen="{x:Bind VM.Data.Is左侧打开, Mode=TwoWay}"  ItemClick="{x:Bind VM.Data.HamburgerMenu_OnItemClick}"

 

整个页面内代码:

namespace 年纪涛.简介.Views{    /// 
    /// 可用于自身或导航至 Frame 内部的空白页。    /// 
    public sealed partial class 设置Page : Page    {        public 设置Page()        {            this.InitializeComponent();            DataContextChanged += (s, e) => VM.Data = this.DataContext as 设置PageViewModel;        }        public Vm
      <设置pageviewmodel>
        VM { get; } = new Vm
       <设置pageviewmodel>
        ();    }}
       
      

标准实现接口的代码: 本次没使用.

/// 
    /// 继承此page,可以带属性更新通知和vm更新通知功能.    /// 
    /// 
          public class PageBase
      
        : Page, INotifyPropertyChanged where T : class    {        public event PropertyChangedEventHandler PropertyChanged;        public PageBase()          {            DataContextChanged += (s, e) => VM.Data = DataContext as T;        }        public Vm
       
         VM { get; } = new Vm
        
         ();        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)        {            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));        }    }