2016-10-28 72 views
0

两个滑块用于显示间隔的值。 范围例如为0 - 100,它在滑块的最小和最大属性中设置。 我想确保滑块值不能相互传递。时间间隔较小值的滑块缩略图不得拖动超过第二个滑块的值,反之亦然。如何限制相互依赖滑块的范围?

将第一个滑块的值绑定到另一个滑块的最小/最大属性之一(反之亦然)会导致第二个滑块的拇指在修改第一个滑块时移动,因为范围正在改变。所以我想保持两个滑块的范围不变。

我该如何限制拇指运动?

谢谢!

更新:

在我的附加属性,我同意这是在OnSliderMoved处理ValueChanged事件:

private static void OnSliderMoved(object sender, RoutedPropertyChangedEventArgs<double> args) 
{ 
    double min = GetMin((DependencyObject)sender); 
    double max = GetMax((DependencyObject)sender); 

    if (sender is Slider) 
    { 
    var sld = (Slider)sender; 

    var currentValue = sld.Value; 
    //check if the value has changed at all 
    if (Math.Abs(args.NewValue - args.OldValue) < 0) 
    { 
     args.Handled = true; 
     return; 
    } 

    double val = 0.0; 

    var result = ValidationResult.Ok; 

    try 
    { 
     try 
     { 
      val = Convert.ToDouble(currentValue, CultureInfo.InvariantCulture); 
      val = Math.Round(val + 0.0005, 3); 
     } 
     catch (Exception e) 
     {    
      throw; 
     } 

     result = ExceedsLimits(val, (double)minimum, (double)maximum); 
     }   
    catch (OverflowException) 
    { 
     result = ValidationResult.TooLarge; 
    } 


    switch (result) 
    { 
     case ValidationResult.TooLarge: 
     // reset the slider value to maximum 
     sld.Value = max; 
     args.Handled = true; 
     break; 
     case ValidationResult.TooSmall: 
     // reset the slider value to minimum 
     sld.Value = min; 
     args.Handled = true; 
     break; 
     case ValidationResult.Ok: 
     BindingExpression binding = BindingOperations.GetBindingExpression(sld, RangeBase.ValueProperty); 

     if (binding != null) 
     { 
      binding.UpdateSource(); 
     } 
     break; 
    } 
    } 
} 


<Slider x:Name="sldMaxPercent" 
     Value="{Binding SomeValue, UpdateSourceTrigger=Explicit, 
     Converter={optimat:DoulbeToPercentForSliderConverter}}" 
     Maximum="100"             
     Minimum="0" 
     input:InputService.Min="{Binding ElementName=sldMinPercent, Path=Value, UpdateSourceTrigger=PropertyChanged}" 
     input:InputService.Max="100" 
     IsMoveToPointEnabled="True" 
     IsSelectionRangeEnabled="True" 
     IsSnapToTickEnabled="True" 
     TickFrequency="0.1"> 

这样,拇指运动被停止,这正是我想要的。 问题是,如果我继续在阻塞的方向拖动鼠标,尽管拇指没有朝那个方向移动,绑定仍会更新。

如何中断绑定更新?

+1

当移动的滑块,你可以检查它是否可以进一步移动。只需使用ValueChanged事件。 – MacakM

+0

您可能想要使用范围滑块控件,例如这一个:http://mahapps.com/controls/range-slider.html – Clemens

+0

@MacakM:谢谢,这就是我一直在寻找。我最终创建了一个使用OnValueChanged检查值是否在所需范围内的附加属性。 – tabina

回答

0

使用这样一个简单的视图模型应该产生预期的行为:

public class ViewModel : INotifyPropertyChanged 
{ 
    public event PropertyChangedEventHandler PropertyChanged; 

    private double lowerValue; 
    public double LowerValue 
    { 
     get { return lowerValue; } 
     set 
     { 
      if (value <= upperValue) 
      { 
       lowerValue = value; 
       PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("LowerValue")); 
      } 
     } 
    } 

    private double upperValue; 
    public double UpperValue 
    { 
     get { return upperValue; } 
     set 
     { 
      if (value >= lowerValue) 
      { 
       upperValue = value; 
       PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("UpperValue")); 
      } 
     } 
    } 
} 

绑定两个滑块向视图模型的两个属性:

<Slider Maximum="100" Value="{Binding LowerValue}"/> 
<Slider Maximum="100" Value="{Binding UpperValue}"/> 
+0

问题是,Min和Max属性位于泛型类中,我无法在值之间进行值比较类型T.我的ViewModel只提供这些对象的列表。 – tabina