MVVM中轻松实现Command绑定（二）传递Command参数

最新推荐文章于 2026-05-21 08:25:49 发布

原创最新推荐文章于 2026-05-21 08:25:49 发布 · 4.4w 阅读

31 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#command #button #binding #class

C# 同时被 3 个专栏收录

22 篇文章

订阅专栏

WPF

16 篇文章

订阅专栏

Command

3 篇文章

订阅专栏

本文介绍了如何在WPF应用程序中使用DelegateCommand传递参数到ViewModel，包括通过CommandParameter传递固定值及利用相对源绑定传递控件自身。

我们如果需要在Command中传递参数，实现也很简单。DelegateCommand还有一个DelegateCommand<T>版本，可以传递一个T类型的参数。

1.View的Button绑定，其中CommandParameter定义了一个“20”的参数

<Window x:Class="WpfApplication1.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
		xmlns:vm="clr-namespace:WpfApplication1"
        Title="Window1" Height="193" Width="190">
	<Window.DataContext>
		<vm:Window1ViewModel />
	</Window.DataContext>
    <Grid>
		<Button Content="Button" Height="33" HorizontalAlignment="Left" Margin="34,20,0,0" Name="button1" VerticalAlignment="Top" Width="109"
				Command="{Binding ButtonCommand}"
				CommandParameter="20"/>
	</Grid>
</Window>

2.ViewModel定义命令，注意委托参数

namespace WpfApplication1 {
	public class Window1ViewModel {

		public ICommand ButtonCommand {
			get {
				return new DelegateCommand<string>((str) => {
					MessageBox.Show("Button's parameter:"+str);
				});
			}
		}

	}
}

并且，特殊情况下，我们可以将控件对象作为参数传递给ViewModel，注意{Binding RelativeSource={x:Static RelativeSource.Self}}是绑定自己（Button）的意思。

<Window x:Class="WpfApplication1.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
		xmlns:vm="clr-namespace:WpfApplication1"
        Title="Window1" Height="193" Width="190">
	<Window.DataContext>
		<vm:Window1ViewModel />
	</Window.DataContext>
    <Grid>
		<Button Content="Button" Height="33" HorizontalAlignment="Left" Margin="34,20,0,0" Name="button1" VerticalAlignment="Top" Width="109"
				Command="{Binding ButtonCommand}"
				CommandParameter="20"/>
		<Button Content="Button" Height="33" HorizontalAlignment="Left" Margin="34,85,0,0" Name="button2" VerticalAlignment="Top" Width="109"
				Command="{Binding ButtonCommand2}"
				CommandParameter="{Binding RelativeSource={x:Static RelativeSource.Self}}"/>
	</Grid>
</Window>

再看ViewModel

namespace WpfApplication1 {
	public class Window1ViewModel {

		public ICommand ButtonCommand {
			get {
				return new DelegateCommand<string>((str) => {
					MessageBox.Show("Button's parameter:"+str);
				});
			}
		}

		public ICommand ButtonCommand2 {
			get {
				return new DelegateCommand<Button>((button) => {
					button.Content = "Clicked";
					MessageBox.Show("Button");
				});
			}
		}
	}
}

这样就可以在委托中获取Button对象了。但是MVVM本身比建议ViewModel操作View。

下一次，我将介绍一种更强大的命令绑定，可以用于各种事件的ViewModel触发。好了，下次见！