【WPF】【MVVM】把鼠标事件写到Controller层

要使用Mouse Event，最快捷的方法便是前台控件直接绑定事件，然后再后台代码中实现。
在MVVM中，View层的后台代码无法调用Contrller层的函数。（反过来可以Controller –> ViewModel –> View）

需求：把鼠标事件写到Controller层中，以便于调用Controller层的函数。

采用WAF框架
前台控件绑定鼠标事件：

<Image PreviewMouseMove="Image_PreviewMouseMove"/>  <!-- 其他无关属性已省略 -->

后台使用Command处理鼠标事件：

private readonly Lazy<MyViewModel> viewModel;public MyWindow(){    InitializeComponent();    viewModel = new Lazy<MyViewModel>(() => ViewHelper.GetViewModel<MyViewModel>(this));}private void Image_PreviewMouseMove(object sender, MouseEventArgs e){    // 只能传一个参数    viewModel.Value.MyCommand.Execute(new object[] { sender, e });}

ViewModel中声明这个Command

private ICommand myCommand;public ICommand MyCommand{    get { return myCommand; }    set { SetProperty(ref myCommand, value); }}

Controller层实现这个Command的真正功能，关键代码：

private readonly DelegateCommand myCommand;public MyController(...){    this.myCommand = new DelegateCommand(p => MyCommandDoWork((object[])p));}public void Initialize(){    myViewModel.MyCommand= myCommand ;}void MyCommandDoWork((object[])p){    object sender = p[0];    MouseButtonEventArgs e = p[1] as MouseButtonEventArgs;    Image img = sender as Image;    // todo......}

通过以上办法，可以把所有的鼠标事件都搬到Controller层中，非常的方便！

---

小结：

• 做个思维导图总结一下，在WAF框架中，MVVM的相互关系如下图：