从PRISM开始学WPF（五）MVVM（⼀）ViewModel-更新⾄Prism7.1
0x5 MVVM
[7.1updated]截⽌到⽬前，我们看到7.1的更新主要在三个地⽅
PrismApplication ，并且不再使⽤Bootstrapper
更新了unity，现在使⽤prism.unity作为容易管理
更新了IModule接⼝
下⾯所有代码⽚段都更新到7.1，并且不再赘述与6.x的区别
蛤蛤，终于到MVVM了。特别是前⾯的Module，忒难写，反正⼤概知道是怎么⽤就好了，具体怎么个容器，怎么个依赖注⼊，我也不是很懂，Prism重度依赖容器，哪哪都是，哪哪都是依赖容器注⼊。
到⽬前为⽌，已经知道怎么去设置Region，怎么去关联View，和关联其他Module⾥的View了。那么接下来就是MVVM啦，★,°:.☆(￣▽￣)/$:.°★。
先看Wiki怎么对MVVM定义的：
MVVM（Model–view–viewmodel）是⼀种软件。
MVVM有助于将的开发与或逻辑（数据模型）的开发开来，这是通过或GUI代码实现的。MVVM的视图模型是⼀个值转换器，[ 这意味着视图模型负责从模型中暴露（转换），以便轻松管理和呈现对象。在这⽅⾯，视图模型⽐视图做得更多，并且处理⼤部分视图的显⽰逻辑。[ 视图模型可以实现，组织对视图所⽀持的集的后端逻辑的访问。
Dior不Dior？⾸先他不是WPF专有的，现在很多前端框架都实现了MVVM模式，像Vue，Angular。那MVVM这么⽕，他到底有什么神奇的地⽅呢？数据双向绑定！数据双向绑定！数据双向绑定！
我最早在MVVM框架的时候，其实并不在乎什么解耦，前后端分离，可测试啥的，我只是受够了WinForms前台代码中 ShowDetails和SetModel，后来发现MVVM可以实现双向绑定，数据驱动界⾯显⽰，就着了迷(❤´⾋｀❤)。扯远了，我们来看Prism，怎样实现MVVM的。
ViewModel及定位
什么是ViewModel，ViewModel在MVVM中充当了什么⾓⾊？
ViewModel是对应的View（数据和⾏为）的抽象，View只是ViewModel的⼀个消费者，那么还有其他的消费者吗？当然有了，那就是单元测试（Unit Test），这个后⾯说。ViewModel为View提供数据上下⽂
（DataContext），简单的说，你View需要展⽰的东西，都在我这⾥，你需要跟我绑定，包括数据和命令，不然你就是个静态的。
bootstrap 5那怎么为View指定ViewModel呢，通常情况下，我们是为控件指定Datacontext，⽽Prism为我们提供了更简单⽅式，约定。
约定的绑定⽅式
Step1 新建⼀个Wpf项⽬，新建两个⽂件夹Views 和 ViewModels，⽤来存放View和ViewModel，删掉MainWindow.xaml，并在Views新建⼀个新 MainWindow 窗体当我们的Shell。
app.xaml.cs:
using Prism.Ioc;
using Prism.Unity;
using System.Windows;
using ViewModelLocator.Views;
namespace ViewModelLocator
{
/// <summary>
/// Interaction logic for App.xaml
/// </summary>
public partial class App : PrismApplication
{
protected override Window CreateShell()
{
return Container.Resolve<MainWindow>();
}
protected override void RegisterTypes(IContainerRegistry containerRegistry)
{
}
}
}
Step2 在ViewModels⽂件夹内新建，⼀个MainViewModel的类，继承BindableBase，注意，这⾥是个类（Class）
MainWindowViewModel.cs
using Prism.Mvvm;
namespace ViewModelLocator.ViewModels
{
public class MainWindowViewModel : BindableBase
{
private string _title = "Prism Unity Application";
public string Title
{
get { return _title; }
set { SetProperty(ref _title, value); }
}
public MainWindowViewModel()
{
}
}
}
Step3 修改MainWindow.xaml，覆盖下⾯的代码：（当前也可以不覆盖，对⽐发现，我们这⾥只多了⼀点东西）
<Window x:Class="ViewModelLocator.Views.MainWindow"
xmlns="schemas.microsoft/winfx/2006/xaml/presentation"
xmlns:x="schemas.microsoft/winfx/2006/xaml"
xmlns:prism="prismlibrary/"
prism:ViewModelLocator.AutoWireViewModel="True"
Title="{Binding Title}" Height="350" Width="525">
<Grid>
<ContentControl prism:RegionManager.RegionName="ContentRegion" />
</Grid>
</Window>
Tips：数据绑定Title="{Binding Title}" ，Title是对应ViewModel⾥的⼀个公开属性。
运⾏后发现，窗⼝的Title正式MainWindowViewModel⾥Title的值，可是我们并没有为MainWindow指定ViewModel啊，正常的绑定看上去是应该是这样
<UserControl.DataContext>
<vm:NumberChangeLogViewModel />
</UserControl.DataContext>
或者这样
<vw:NumberView
DockPanel.Dock="Top"
DataContext="{Binding Path=Number, Mode=OneTime}"
/>
蛤蛤，刚开始我也很懵逼，可是我爱学习，在Prism的源码Prism.Mvvm.ViewModelLocationProvider中我发现了这个：
/// <summary>
/// ViewModelfactory that provides the View instance and ViewModel type as parameters.
/// </summary>
static Func<object, Type, object> _defaultViewModelFactoryWithViewParameter;
/// <summary>
/// Default view type to view model type resolver, assumes the view model is in same assembly as the view type, but in the "ViewModels" namespace. /// </summary>
static Func<Type, Type> _defaultViewTypeToViewModelTypeResolver =
viewType =>
{
var viewName = viewType.FullName;
viewName = viewName.Replace(".Views.", ".ViewModels.");
var viewAssemblyName = viewType.GetTypeInfo().Assembly.FullName;
var suffix = viewName.EndsWith("View") ? "Model" : "ViewModel";
var viewModelName = String.Format(CultureInfo.InvariantCulture, "{0}{1}, {2}", viewName, suffix, viewAssemblyName);
return Type.GetType(viewModelName);
};
是不是豁然开朗？O(∩_∩)O
我们不⼀样，定制约定
约定就是要来被打破的，有⼈可能觉得后缀加⼀个ViewModel实在是LowB，我想改变他，可以不可以？当然阔以啦。
prism为我们提供了⼀个可重写的ConfigureViewModelLocator的⽅法来配置ViewModel的定位器，如果你想修改默认的约定为View的名字后⾯+VM，你可以在app.xaml.cs这样写：
protected override void ConfigureViewModelLocator()
{
base.ConfigureViewModelLocator();
ViewModelLocationProvider.SetDefaultViewTypeToViewModelTypeResolver((viewType) =>
{
var viewName = viewType.FullName;
var viewAssemblyName = viewType.GetTypeInfo().Assembly.FullName;
var viewModelName = $"{viewName}VM, {viewAssemblyName}";
return Type.GetType(viewModelName);
});
}
我就是我，是颜⾊不⼀样的烟⽕
这世界上不乏个性鲜明的⼈，你们那些约定和打破的约定还不都是⼀路货⾊。我就要不⼀样的，我想跟谁绑在⼀起就跟谁绑在⼀起。好，你跟谁好是你的⾃由，Prism不能限制你，不然你会投诉它不民主。
如果你想指定你绑定的ViewModel对象⼜不想遵循⼀定的规则，你同样可以在ConfigureViewModelLocator⽅法中注册绑定，像下⾯这样：
protected override void ConfigureViewModelLocator()
{
base.ConfigureViewModelLocator();
// type / type
//ViewModelLocationProvider.Register(typeof(MainWindow).ToString(), typeof(CustomViewModel));
// type / factory
//ViewModelLocationProvider.Register(typeof(MainWindow).ToString(), () => Container.Resolve<CustomViewModel>());
// generic factory
//ViewModelLocationProvider.Register<MainWindow>(() => Container.Resolve<CustomViewModel>());
// generic type
ViewModelLocationProvider.Register<MainWindow, CustomViewModel>();
}
当然了，在xaml中的
prism:ViewModelLocator.AutoWireViewModel="True"
依旧是必不可少的。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论