MVVM中轻松实现Command绑定(三)任意事件的Command

原地址:http://blog.csdn.net/qing2005/article/details/6601475

WPF中不是所有的控件都有Command属性的,如果窗体我需要在ViewModel中处理Loaded事件命令,或者其他事件的命令时,很难都过绑定Command完成,必须要注册依赖属性或事件等,太麻烦了。我喜欢简约、有效的方式,现在我和大家一起分享一下。

场景,我需要处理Button的Click和MouseMove事件,但又避免用后置代码,尽量要在ViewModel中获取。单独一个Click可以通过Button的Command来完成,在前两篇文章中我已介绍过,现在就来处理MouseMove事件,这是需要一个System.Windows.Interactivity.dll,该dll是安装Blend后才有的,在C:\Program Files\Microsoft SDKs\Expression\Blend\.NETFramework\v4.0\Libraries目录中,然后我们仍需要Prism.dll。

xaml:

  1. <Window x:Class="WpfApplication1.Window2"  
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
  4.         xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"  
  5.         xmlns:vm="clr-namespace:WpfApplication1"  
  6.         Title="Window2" Height="124" Width="214">  
  7.     <Window.DataContext>  
  8.         <vm:Window2ViewModel />  
  9.     </Window.DataContext>  
  10.     <Grid>  
  11.         <Button Name="btn" Content="Button" Height="33" HorizontalAlignment="Left" Margin="40,24,0,0" VerticalAlignment="Top" Width="109">  
  12.             <i:Interaction.Triggers>  
  13.                 <i:EventTrigger EventName="Click">  
  14.                     <i:InvokeCommandAction Command="{Binding Command1}" CommandParameter="10" />  
  15.                 </i:EventTrigger>  
  16.                 <i:EventTrigger EventName="MouseMove">  
  17.                     <i:InvokeCommandAction Command="{Binding Command2}" CommandParameter="{Binding ElementName=btn}" />  
  18.                 </i:EventTrigger>  
  19.             </i:Interaction.Triggers>  
  20.         </Button>  
  21.     </Grid>  
  22. </Window>  


注意;xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"就是导入Blend的dll,然后在控件内部用<i:Interaction.Triggers/>即可,其它应该一看就知道,我通过事件触发器,来引发ViewModel中两个Command,第二个Command的参数是Button对象,通过ElementName=btn来指定。

ViewModel:

  1. namespace WpfApplication1 {  
  2.     public class Window2ViewModel {  
  3.   
  4.         public ICommand Command1 {  
  5.             get {  
  6.                 return new DelegateCommand<string>((str) => {  
  7.                     MessageBox.Show("Command1 with parameter:"+str);  
  8.                 });  
  9.             }  
  10.         }  
  11.   
  12.         public ICommand Command2 {  
  13.             get {  
  14.                 return new DelegateCommand<Button>((button) => {  
  15.                     Point p = Mouse.GetPosition(button);  
  16.                     button.Content = string.Format("{0},{1}", p.X, p.Y);  
  17.                 });  
  18.             }  
  19.         }  
  20.     }  
  21. }  


这部分内容和上一章内容基本相同。

好了,测试一下,实现起来是不是非常简洁!(我以前是做Java的,所以代码简洁明了是一贯作风,生活也是如此!)

 

代码下载:http://qing2005.download.csdn.net/


  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF 应用程序,使用 MVVM 模式时,常用的命令绑定方式是通过 RelayCommand,它是一个实现了 ICommand 接口的类,可以将其绑定到视图模型的命令属性上。 下面是 RelayCommand 的使用示例: 首先,定义一个 RelayCommand 类: ```csharp public class RelayCommand : ICommand { private readonly Action _execute; private readonly Func<bool> _canExecute; public RelayCommand(Action execute) : this(execute, null) { } public RelayCommand(Action execute, Func<bool> canExecute) { _execute = execute ?? throw new ArgumentNullException(nameof(execute)); _canExecute = canExecute; } public bool CanExecute(object parameter) { return _canExecute == null || _canExecute(); } public void Execute(object parameter) { _execute(); } public event EventHandler CanExecuteChanged { add { CommandManager.RequerySuggested += value; } remove { CommandManager.RequerySuggested -= value; } } } ``` 这里的 RelayCommand 类有两个构造函数,第一个只接受一个 Action 类型的参数,用来执行命令;第二个构造函数接受一个 Func<bool> 类型的参数,用来判断命令是否可执行。在 CanExecute 方法,如果 _canExecute 不为 null,就会调用它来判断命令是否可执行。 接下来,在视图模型定义一个 RelayCommand 类型的属性,并在需要执行命令的方法调用它: ```csharp public class MainViewModel : ViewModelBase { private readonly IDataService _dataService; public MainViewModel(IDataService dataService) { _dataService = dataService; LoadDataCommand = new RelayCommand(LoadData); } public ICommand LoadDataCommand { get; private set; } private void LoadData() { // 加载数据 } } ``` 最后,在 XAML 绑定命令: ```xml <Button Content="Load Data" Command="{Binding LoadDataCommand}" /> ``` 这里的 Command 属性绑定到视图模型的 LoadDataCommand 属性上,当按钮被点击时,就会执行 LoadData 方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值