4

我正在尝试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>

谢谢..

4

2 回答 2

4

我在尝试做类似的事情时看到了你的帖子(尽管是用 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,但事件是在 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>

希望这有一些用处:)

于 2013-02-15T10:54:34.930 回答
1

我对来自 Tom Allen 的代码有疑问,因为在我想用命令绑定它时滑块模板不可用。基本上,我需要做的就是等待滑块控件加载并重试。以下是我需要进行的更改才能使其正常工作:

    private static void DragCompleted(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        //the Template of the slider is not available now
        //we have to wait for the slider to load completely in order to do this
        var slider = (Slider)d;
        slider.Loaded += slider_Loaded;
    }

    static void slider_Loaded(object sender, RoutedEventArgs e)
    {
        var slider = (Slider)sender;
        var thumb = GetThumbFromSlider(slider);
        thumb.DragCompleted += thumb_DragCompleted;
    }

希望能帮助到你!问候

于 2015-09-15T14:58:01.067 回答