【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的相互关系如下图：