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

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:

<Window x:Class="WpfApplication1.Window2"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
		xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
		xmlns:vm="clr-namespace:WpfApplication1"
        Title="Window2" Height="124" Width="214">
	<Window.DataContext>
		<vm:Window2ViewModel />
	</Window.DataContext>
    <Grid>
		<Button Name="btn" Content="Button" Height="33" HorizontalAlignment="Left" Margin="40,24,0,0" VerticalAlignment="Top" Width="109">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<i:InvokeCommandAction Command="{Binding Command1}" CommandParameter="10" />
				</i:EventTrigger>
				<i:EventTrigger EventName="MouseMove">
					<i:InvokeCommandAction Command="{Binding Command2}" CommandParameter="{Binding ElementName=btn}" />
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
	</Grid>
</Window>


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

ViewModel:

namespace WpfApplication1 {
	public class Window2ViewModel {

		public ICommand Command1 {
			get {
				return new DelegateCommand<string>((str) => {
					MessageBox.Show("Command1 with parameter:"+str);
				});
			}
		}

		public ICommand Command2 {
			get {
				return new DelegateCommand<Button>((button) => {
					Point p = Mouse.GetPosition(button);
					button.Content = string.Format("{0},{1}", p.X, p.Y);
				});
			}
		}
	}
}


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

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

 

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

  • 6
    点赞
  • 43
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
在 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 方法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值