绑定滑块控件的事件

Question

在视图中（AudioView.xaml）我写了以下代码

<Slider
    Name="AudioSlider"
    Width="200"
    Height="23"
    Grid.Column="0"
    IsSelectionRangeEnabled="True"
    IsSnapToTickEnabled="True"
    Maximum="{Binding Path=TotalAudioPlayingSeconds, Mode=OneTime}"
    Minimum="0"
    Style="{StaticResource CustomStyleForSlider}"
    Thumb.DragCompleted="{Binding AudioSliderChangedCommand}"
    TickFrequency="1"
    Value="{Binding Path=AudioPosition}"/>

注意：还有文件AudioView.xaml.cs。

在视图模型类（AudioViewModel.cs）中，我定义了以下属性

public event DragCompletedEventHandler AudioSliderChangedCommand;

在视图模型类的构造函数中（AudioViewModel.cs）

this.AudioSliderChangedCommand = new DragCompletedEventHandler(OnAudioSliderChanged);

在编译过程中出现以下错误

错误 8 DragCompleted="{Binding AudioSliderChangedCommand}" 不是 有效的。 {Binding AudioSliderChangedCommand} 不是有效事件 处理程序方法名称。仅生成的实例方法或 代码隐藏类是有效的。

Answer 1

问题不在于您的代码隐藏，而在于您的 XAML。你在某处这样做：

DragCompleted="{Binding AudioSliderChangedCommand}"

这指示 XAML 反序列化程序将 AudioSliderChangedCommand 处理程序附加到 DragCompleted 事件。但是，AudioSliderChangedCommand 不是具有适当签名的方法（可以作为处理程序附加），它在您的 View 类中不是。最后，您不能将Binding 用于事件处理程序。

要解决这个问题，最简单的解决方案是在您的 View 中执行此操作：

private void DragCompletedEventHandler(object sender, DragCompletedEventArgs e)
{
    var viewModel = (YourViewModelType)this.DataContext;
    viewModel.OnAudioSliderChanged(this, e);
}

还有变化

DragCompleted="{Binding AudioSliderChangedCommand}"

到

DragCompleted="DragCompletedEventHandler"

在您的 XAML 中。

这就是上面的工作方式：

1. 在您的视图中，当DragCompleted 被引发时，方法View.DragCompletedEventHandler 将被调用
2. 此方法将从 ViewModel 获取 AudioSliderChangedCommand 事件（请参阅下面的注释）并引发它，并传递原始事件参数

重要提示

您似乎对事件、事件处理程序和命令感到困惑。您的代码具有误导性。 AudioSliderChangedCommand 是 event，但顾名思义，它是 ICommand。适当的名称是AudioSliderChanged。

另外，适当的 MVVM 方法是使用某种风格的 DelegateCommand（所有体面的 MVVM 框架都有一个；我在 Prism 中使用类名来实现）。然后，假设 AudioSliderChangedCommand 确实是一个命令，您的视图中的代码隐藏将是：

private void DragCompletedEventHandler(object sender, DragCompletedEventArgs e)
{
    var viewModel = (YourViewModelType)this.DataContext;
    viewModel.AudioSliderChangedCommand.Execute();
}

通过使用某种“事件到命令”附加行为，也可以完全不使用任何代码隐藏。