MVVM 事件汇总

在使用MVVM模式时, 按照模式的规则是尽量不直接使用事件. 所以对于以前一直使用事件模式的同行来说确实有点头疼. 还好微软给我们提供了几种间接使用事件(命令)的方法, 下面我就来看看这几种方法:
ICommand
ICommand定义了一个接口, 使用它可以轻松的将实现ICommand的接口的命令绑定到包含命令(Command)的控件上(例如Button.Command), 在.net framework库中实现的这个接口的类不是很多, 我所知道的两个: RoutedCommand 和 RoutedUICommand, 而且这两个使用起来比较麻烦, 在这里我就不谈了, 有兴趣的同行可以研究一下. 那么, 除了上述的两个类以外还有自定义类实现ICommand和Prism的DelegateCommand. 我们先看一下自定义的;
1. 自定义命令
MyCommand是实现ICommand接口的一个类. 在Execute方法中我们调用传入的Action(Action包含所要实现的功能的方法), IsEnabledExecute是自定义的一个bool类型, 通过设置该值可以启用(禁用)ICommand所绑定到的控件的启用禁用状态.

public class MyCommand : ICommand
{
public MyCommand(Action<object> action)
{
if (action == null) throw new ArgumentNullException();
_action = action;
}
private readonly Action<object> _action;
private bool _isEnabledExecute = true; //默认为启用状态
public bool IsEnabledExecute
{
get { return _isEnabledExecute; }
set
{
if (_isEnabledExecute != value)
{
_isEnabledExecute = value;
if (CanExecuteChanged != null)
{
CanExecuteChanged(this, new EventArgs());
}
}
}
}
#region ICommand 接口
public event EventHandler CanExecuteChanged;
public bool CanExecute(object parameter)
{
return _isEnabledExecute;
}
public void Execute(object parameter)
{
_action(parameter);
}
#endregion
}

复制代码

定义好MyCommand后我们就可以使用了, 代码如下:

public class MvvmEventViewModel
{
public MvvmEventViewModel()
{
/*自定义命令*/
MyCommandInstance = new MyCommand(MyCommandMethod);
}
/*自定义命令*/
public MyCommand MyCommandInstance { get; private set; }
/*Prism命令*/
public DelegateCommand<object> MyDelegateCommandInstance
{ get; private set; }
public bool CanExecute(object parameter)
{
return MyDelegateCommandInstance.IsActive;
}
private void MyCommandMethod(object sender)
{
if (sender is string)
{
MessageBox.Show("Hello，" + sender.ToString());
}
}
}

复制代码

<Button Width="180"
Height="23"
Margin="0,0,7,0"
Command="{Binding MyCommandInstance}"
CommandParameter="MyCommand"
Content="MyCommand Button" />
<ToggleButton Width="180"
Height="23"
Content="启用/禁用"
IsChecked="{Binding MyCommandInstance.IsEnabledExecute}" />

复制代码

首先定义了MvvmEventViewModel, 在MvvmEventViewModel中实例化了MyCommand, 将Button所在的界面或者用户控件的属性DataContext绑定上MvvmEventViewModel的实例, 最后直接在Button的Command属性上绑定MyCommandInstance;
2.prism命令
prism是微软的一个开源框架, 其为WPF(SL)而生, 自然也少不了MVVM模式的一些辅助类, 其中命令就是典型的辅助类. 在上面我们是自定义命令, 其实在prism框架中已经提供了命令类, 那就是DelegateCommand, 该类还为泛型提供了支持; 不仅如此prism还提供了多个命令的绑定CompositeCommand, 为一个Button命令可以执行多个方法问题提供了廉价的解决方案.
　　2.1. DelegateCommand 命令
DelegateCommand 命令与我们上面自定义的命令一样, 都是可以绑定到Button的Command属性上, 使用该类少了几行代码, 多了一份省心和安全. 如果让我选择我会选择DelegateCommand类而摒弃自定义类, 因为它可以实现我们需要的功能, 所以就没必要再重造轮子.

public class MvvmEventViewModel
{
public MvvmEventViewModel()
{
/*Prism命令*/
MyDelegateCommandInstance = new DelegateCommand<object>(MyCommandMethod, CanExecute);
MyDelegateCommandInstance.IsActive = true;
MyDelegateCommandInstance.IsActiveChanged += (s, e) =>
{
MyDelegateCommandInstance.RaiseCanExecuteChanged();
};
}
/*Prism命令*/
public DelegateCommand<object> MyDelegateCommandInstance { get; private set; }
public bool CanExecute(object parameter)
{
return MyDelegateCommandInstance.IsActive;
}
private void MyCommandMethod(object sender)
{
if (sender is string)
{
MessageBox.Show("Hello，" + sender.ToString());
}
}
}

复制代码

<Button Width="180"
Height="23"
Margin="0,0,7,0"
Command="{Binding MyDelegateCommandInstance}"
CommandParameter="DelegateCommand"
Content="DelegateCommand Button" />
<ToggleButton Width="180"
Height="23"
Content="启用/禁用"
IsChecked="{Binding MyDelegateCommandInstance.IsActive}" />

复制代码

　　2.2.CompositeCommand 命令
CompositeCommand 命令可以理解为一个命令组. 将ICommand注册到CompositeCommand中, 然后绑定在Command上, 就可以让Command触发注册到CompositeCommand的所有命令.
　　　　2.2.1.定义一个CompositeCommand命令

public class Comm
{
#region CompositeCommand
private static CompositeCommand _compositeCommand = new CompositeCommand();
public static CompositeCommand CompositeCommand
{
get { return _compositeCommand; }
}
#endregion
}

复制代码

　　　　2.2.2.使用CompositeCommand命令

Comm.CompositeCommand.RegisterCommand(MyCommandInstance);
Comm.CompositeCommand.RegisterCommand(MyDelegateCommandInstance);
xmlns:comm="clr-namespace:Blogs.WPF"

复制代码

<Button Width="180"
Height="23"
Margin="0,0,7,0"
HorizontalAlignment="Left"
Command="{x:Static comm:Comm.CompositeCommand}"
CommandParameter="DelegateCommand"
Content="CompositeCommand Button" />

复制代码

将我们刚才定义的两个命令MyCommandInstance和MyDelegateCommandInstance注册到Comm.CompositeCommand中, 然后在一个Button上绑定 comm:Comm.CompositeCommand 此时我们单击CompositeCommand Button时发现触发了两个命令. 同样的我们也可以使用UnregisterCommand卸载命令.

　　2.3.将其他事件绑定到ICommand上

在上述的例子中我们只是在Button的Command属性上绑定ICommand, 那么对于一些特殊事件(如Loaded, MouseDown, MouseUp)我们该怎么处理呢? 网上也有一些传统的方法, 将控件直接传送到VM中, 使用+=创建特殊的事件. 其实还有更好的办法, 那就是System.Windows.Interactivity.dll 组件.

在你的项目中引入System.Windows.Interactivity.dll, 然后在页面中添加如下代码: xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

OK, 现在就让我们就来使用这两个组件, 代码简单, 请看:

public DelegateCommand LostFocusCommand { get; private set; }
LostFocusCommand = new DelegateCommand(LostFocusMethod);
private void LostFocusMethod()
{
MessageBox.Show("捕获到了.嘿牟嘿牟.");
}
<TextBlock Background="OrangeRed" Text="左键按下时我能捕获到">
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseLeftButtonDown">
<i:InvokeCommandAction Command="{Binding LostFocusCommand}" />
</i:EventTrigger>
</i:Interaction.Triggers>
</TextBlock>

复制代码

注: 名字起的有点不对应. 不想改了, 大家知道就可以.

以上是使用System.Windows.Interactivity.dll组件可以将事件直接绑定到命令上, 但是我觉得这样麻烦, 如果可以直接使用事件岂不是更爽. 呵呵. 能提出问题就能解答问题. 我们再看另一个组件 Microsoft.Expression.Interactions.dll .

同样的, 项目中引用 Microsoft.Expression.Interactions.dll

添加命名空间

xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
<UserControl>
<i:Interaction.Triggers>
<i:EventTrigger EventName="Loaded">
<ei:CallMethodAction MethodName="View_Loaded" TargetObject="{Binding}" />
</i:EventTrigger>
</i:Interaction.Triggers>
</UserControl>

复制代码

警告: 在多层项目中. 只要你使用System.Windows.Interactivity.dll, Microsoft.Expression.Interactions.dll 这两个组件, 就必须在启动层中引用这两个DLL, 否则报错.

posted on 2012-09-08 23:08 swarb 阅读(329) 评论(0) 编辑收藏举报

刷新页面返回顶部

MVVM 事件汇总

公告