wpf - MVVMLight 的 "Thumb.DragStarted"事件问题

Question

我正在尝试触发 Slider Thumb.DragStarted使用 MVVMLight 的事件 EventToCommand但它不起作用。同样的事情对于 Slider Event ValueChanged 来说也很完美.

下面是我的代码:

<Slider
    Width="150"
    AutoToolTipPlacement="BottomRight"
    AutoToolTipPrecision="2"
    IsSnapToTickEnabled="True"
    Maximum="{Binding SilderMaxValue}"
    Minimum="0"
    Value="{Binding SliderValue}">                                        
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="ValueChanged">
                <cmd:EventToCommand
                    Command="{Binding SliderValueChangedCommand}"
                    PassEventArgsToCommand="True" />
             </i:EventTrigger>
        <i:EventTrigger EventName="Thumb.DragStarted">
                <cmd:EventToCommand
                    Command="{Binding SliderDragStartedCommand}"
                    PassEventArgsToCommand="True" />
        </i:EventTrigger>                                  
</Slider>

谢谢..

Answer 1

我在尝试做类似的事情时看到了你的帖子(尽管是用 Thumb.DragCompleted)。无论如何，我使用了附加属性。我会发布我的解决方案，以防它对任何人有用。

SliderDragBehavoirs.cs:

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Input;
using System.Windows.Media;

namespace WpfApplication1
{
    public static class SliderDragBehaviors
    {
        public static readonly DependencyProperty DragCompletedCommandProperty =
            DependencyProperty.RegisterAttached("DragCompletedCommand", typeof(ICommand), typeof(SliderDragBehaviors),
            new FrameworkPropertyMetadata(new PropertyChangedCallback(DragCompleted)));

        private static void DragCompleted(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var slider = (Slider)d;
            var thumb = GetThumbFromSlider(slider);

            thumb.DragCompleted += thumb_DragCompleted;
        }

        private static void thumb_DragCompleted(object sender, DragCompletedEventArgs e)
        {
            FrameworkElement element = (FrameworkElement)sender;
            element.Dispatcher.Invoke(() =>
                {
                    var command = GetDragCompletedCommand(element);
                    var slider = FindParentControl<Slider>(element) as Slider;
                    command.Execute(slider.Value);
                });
        }

        public static void SetDragCompletedCommand(UIElement element, ICommand value)
        {
            element.SetValue(DragCompletedCommandProperty, value);
        }

        public static ICommand GetDragCompletedCommand(FrameworkElement element)
        {
            var slider = FindParentControl<Slider>(element);
            return (ICommand)slider.GetValue(DragCompletedCommandProperty);
        }

        private static Thumb GetThumbFromSlider(Slider slider)
        {
            var track = slider.Template.FindName("PART_Track", slider) as Track;
            return track == null ? null : track.Thumb;
        }

        private static DependencyObject FindParentControl<T>(DependencyObject control)
        {
            var parent = VisualTreeHelper.GetParent(control);
            while (parent != null && !(parent is T))
            {
                parent = VisualTreeHelper.GetParent(parent);
            }
            return parent;
        }
    }
}

这里有几件事值得注意。因为命令与 Slider Hook ，但事件是在 Thumb 上触发的，所以必须能够向上/向下查找可视化树，以便从另一个中获取。

示例 XAML:

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:behaviors="clr-namespace:WpfApplication1"
        Title="MainWindow" Height="350" Width="525">

    <Grid x:Name="grid">
        <Slider behaviors:SliderDragBehaviors.DragCompletedCommand="{Binding Path=DragCompletedCommand}"/>
    </Grid>
</Window>

希望这有点用:)