MVVM模式完整实例

MVVM模式主要是为了实现视图和逻辑的分离，通常在实现的例子之中，在ViewModel一层会使用RealCommand，下面是我在网上根据实践，得到的完整实例，和大家分享一下一、首先是在数据部分，即Model层是数据部分，数据来源不限。在此定义person类，其中包括所用的基本属性。publicclassPerson(privatestring_Name;publicstringName{get(return_Nanie;}set{_Name=value;}}"privateint_Age;publicintAge{get{return_Age;}set{_Age=value;}}"publicPerson(stringnantejintage){this.Name二name;this.Age=age;下面的类存放整个数据列表，并为了进行测试，进行了简单的初始化工作。publicclassPersons{List<Person>personList=newList<Person>():publicPersons(){personList.Add(newPerson33));personList.Add(newPerson22));personList.Add(newPerson^Koll^j33));personList.Add(newPerson("Mark^j22));}publicList<Person>GetPersons(){returnpersonList;}二、在ViewModel层，实现数据和界面之间的逻辑，在类中，包括了属性和命令，都将与界面进行数据绑定，其中Command只能与具有Comman属性的控件进行绑定，否则就要采用其他的方式，但是在这里使用的是按钮，所以可以进行。实现命令时，自定义命令时要实现ICommand接口，在UI界面中，一般会继承RouteCommand或是RouteUICommand,这都是有弊端的，所以大家一般采用，自定义一个RelayCommand，下面是基本代码，但是要注册多个命令时，定义将会有所改动。privateAction_handler;publicRe1ay11Conunand(Actionhandler){—handler=handler;}"privatebool_isEnabled;publicboolIsEnabled{get{return_isEnabled;}set{if(value!=_isEnabled){"_isEnabled=value;if(CanEKecuteChanged!=null){CanEsecuteChanged(thiEventArgs.Empty);}}}}publiceventEventHandlerCanExecuteChanged;publicboolCanEsecute(objectparameter){returnIsEnabled;}publicvoidEsecute(objectparameter)ViewModel的定义代码如下:classPerson?iewMode1:INotifyFropertyCharL^ed{ffregiunPruper1edpublieeventPropert3<h：iTLgeilEventHmhicIIerPropertj.<h：ifLged;SendregionffregiunPropertiesprivatestrins_searchTeKt;/y查询关键字publicstrinsSearch?ext{get{return_searchTeKt;}set[_searchTe>:t=value:if(PrupertyChanged!=nul1)this.PropertyChaiiEed(thi*newPropertyCharLEeilEventArgs("SearchText"));privateList<Persun>_resultTest:〃查询结果 -publicList<Person>ResultTestget{return_resultTest:}set{_resuitTest二value;if(PropertyChan氏ed!=nul1){PropertyChanged(thi司newPropertyChaiigeliEventArgs(''EesuitTevt,v))；privateIC0JTLJTL：di_Ld_cmd;publicICuITLJTL：irLdCmd{set{return_cmd:}}一#endregionSregion构造函数publiePersun7iewMcniel(){HuiTL：di_L=newList<Persun>();HuirL：di_L=newPersons().GetPersons();IsEnabled=true}:_cmd=newRe1ay11CunuTL^id(Searhins)}"'IsEnabled=true}:#region构造函数publicPersonViewModel(){HumarL=newList<Person>();Huntan=newPersons().GetPersons():_cmd=newRelay1lCommand(Searhing){IsEnabled=true};}~#endregionpublicList<Person>Human;publicvoidSearhing(){List<Person>person=null:if(!string.IsNul10rEmpty(SearchTest)){person=newList<Person>():foreach(PersonpinHuman){if(p.Name.Contains(SearchTest)){person.Add(p);if(person!=null){ResultTest=person;}}}三、其中在View和ViewModel层之间是通过数据绑定联系在一起的。View层的xaml文件代码：<Grid><Grid.RowDefinitions>■CRuwDefinitionHeight=,v50，v></EuwDefmitiun>■xRuwDefiniticmHeight=，T*"></FjjwDefinitiun></Grid.RuwDefmitiuns><Grid.CulujTLriljefinitiuns><CuluiiLfLDefinitionWidth='v150，vX/ColuirmDefinitiun><CulujiLfiDefiniticmWidth="：*；'></Culujnnl〕已finitiun></(trid.CuluuiLriljefinitinns><DataGridGrid.Ru!i.f=，v1"'Grid.CuIujiltlSp:ii_L=，v2N：dJTie='vdataGrid"'ItemsSource="{BmdingResuitText}"Height="200"HorizontalAligrunent="Center"VerticalAligrjTLent='vTop，vWidth='300，v></DataGrid><TextEozGrid.CulujTLfL='vO，vGrid.Rui.|1f='v0，vNam已二“tMt1*Heigl-Lt='v20，vTeAt='v{BindingSearchTestjMode=TwoWa]/}"HorizontalAligrunent="Center，TWidth=100"'></TextBuK><ButtunGr1d.Culumn=，v1，vGrid.，v0"Cuntent=''Eutton，vHeight="2ID*HorizuntalAligrunent=，vLeft"Msjtle=，vbuttonlVerticalAligrunent=，TCenter"Width="64"C曰