WPF中MVVM模式的 Event 处理

WPF的有些UI元素有Command属性可以直接实现绑定，如Button

但是很多Event的触发如何绑定到ViewModel中的Command呢？

答案就是使用EventTrigger可以实现。

继续上一篇对Slider的研究，在View中修改Interaction.

            <i:Interaction.Triggers><i:EventTrigger EventName="ValueChanged"><i:InvokeCommandAction Command="{Binding ValueChangedCommand}" /></i:EventTrigger></i:Interaction.Triggers>

那么如果将EventName修改为Thumb.DragCompleted 后发现这个事件并不会被触发
原因是：Because the command is hooked up to the Slider, but the event is fired on the Thumb。

（参考：http://stackoverflow.com/questions/14331272/issue-with-thumb-dragstarted-event-with-mvvmlight）

参考上述链接中Tom Allen的方法后可以实现, 但是这个方法并没有很好的遵守MVVM模式。

于是接着研究，既然DragCompleted是挂在Thumb上面的，那么为何不直接和Thumb 绑定呢？

 

修改Slider的ControlTemplate, 在Track控件中的Thumb中绑定Event 成功！

 

    <UserControl.Resources><ControlTemplate x:Key="trackThumb" TargetType="{x:Type Slider}"><Border Background="{TemplateBinding Background}"BorderBrush="{TemplateBinding BorderBrush}"BorderThickness="{TemplateBinding BorderThickness}"><Grid><Track x:Name="PART_Track"><Track.Thumb><Thumb Width="10"><i:Interaction.Triggers><i:EventTrigger EventName="DragCompleted"><i:InvokeCommandAction Command="{Binding ValueChangedCommand}" /></i:EventTrigger></i:Interaction.Triggers></Thumb></Track.Thumb></Track></Grid></Border></ControlTemplate></UserControl.Resources>

 参考：

http://social.technet.microsoft.com/wiki/contents/articles/18199.event-handling-in-an-mvvm-wpf-application.aspx

http://www.codeproject.com/Articles/274982/Commands-in-MVVM#example9