wpf - 在 WPF 中将 slider 值绑定(bind)到 slider 的高度

Question

我在 WPF 中遇到数据绑定(bind)问题。

我想“自定义”一个 slider ，当您将 slider 向右移动时，拇指会变大，而当您将 slider 向左移动时，拇指会缩小。

所以我编辑了 slider 的模板并更改了 slider 的外观，使 slider 看起来像我想要的那样。

但现在我必须将拇指的高度绑定(bind)到 slider 的值，但我不知道它是如何工作的。

我做了一些简单的数据绑定(bind)操作，但我不知道如何将 slider 模板内的“拇指高度”绑定(bind)到 slider 所在的用户控件内的 slider 值。

那我该怎么做呢？

Answer 1

您可以使用 RelativeSource 绑定(bind)(Height="{Binding Value, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Slider}}}")。

这是一个拇指样式的示例，它取决于 Slider.Value:

<Style x:Key="SliderThumbStyle" TargetType="{x:Type Thumb}">
  <Setter Property="SnapsToDevicePixels" Value="true"/>
  <Setter Property="OverridesDefaultStyle" Value="true"/>
  <Setter Property="Width" Value="14"/>
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type Thumb}">
        <Ellipse 
          Name="Ellipse" 
          Fill="#C0C0C0"
          Stroke="#404040" 
          Height="{Binding Value, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Slider}}}"
          StrokeThickness="1" />
        <ControlTemplate.Triggers>
          <Trigger Property="IsMouseOver" Value="True">
            <Setter TargetName="Ellipse" Property="Fill" Value="#808080"/>
          </Trigger>
          <Trigger Property="IsEnabled" Value="false">
            <Setter TargetName="Ellipse" Property="Fill" Value="#EEEEEE"/>
          </Trigger>
        </ControlTemplate.Triggers>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

希望这对您有所帮助。

干杯安瓦卡