从视图模型调用方法的命令

Question

好的，我倾向于避免使用命令，因为它们总是设法让我感到困惑，但我正在进行一个新项目，并且正在尝试正确地构建它，而我的视图中没有代码。基本上，我现在要做的就是连接一个按钮，该按钮触发一个在我的视图模型上执行某些操作的命令，并且不知何故，如此简单的事情仍然给我带来了麻烦。我想我已经很近了，但还不能完全到达那里。这是我现在拥有的。

<Window.Resources>
    <RoutedUICommand x:Key="GetMusic" />
</Window.Resources>
<Window.DataContext>
    <core:ViewMain />
</Window.DataContext>
<Window.CommandBindings>
    <CommandBinding Command="{StaticResource GetMusic}" Executed="GetMusicExecuted"/>
</Window.CommandBindings>

而视图模型现在几乎什么都不是

public class ViewMain
{
    public MusicCollection Music { get; set; }

    private void GetMusicExecuted(object sender, ExecutedRoutedEventArgs e)
    {
        //Logic
    }
}

现在我要做的是连接我在命令绑定中设置的这个命令，以便在我的视图模型中调用我执行的方法，但是它试图在视图本身中找到该方法。有没有办法可以将它定向到我的视图模型中的方法，或者有更好的方法来设置它来完成同样的事情？希望一开始能保持简单，以免我过早地大惊小怪。

Answer 1

我倾向于使用自己的命令类，实现 ICommand。然后我将 Button Command 属性绑定到我的视图模型中的 command 属性。单击按钮时，它会执行绑定到 Command 属性的 Execute 方法。

这是丑陋的两分钟版本，但它展示了如何创建一个 Command 类，然后将其分配给您在视图模型上喜欢的任何方法的委托。

视图模型：

public class MyViewModel
{
    public MyCommand ActionCommand
    {
        get;
        set;
    }

    public MyViewModel()
    {
        ActionCommand = new MyCommand();
        ActionCommand.CanExecuteFunc = obj => true;
        ActionCommand.ExecuteFunc = MyActionFunc;
    }

    public void MyActionFunc(object parameter)
    {
        // Do stuff here 
    }

}

public class MyCommand : ICommand 
{
    public Predicate<object> CanExecuteFunc
    {
        get;
        set;
    }

    public Action<object> ExecuteFunc
    {
        get;
        set;
    }

    public bool CanExecute(object parameter)
    {
        return CanExecuteFunc(parameter);
    }

    public event EventHandler CanExecuteChanged;

    public void Execute(object parameter)
    {
        ExecuteFunc(parameter);
    }
}

View 将因此绑定到它（假设 DataContext 设置为视图模型的实例）：

<Window x:Class="exp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Button Command="{Binding Path=ActionCommand}">Action</Button>
    </Grid>
</Window>