WPF 滑块的自定义拇指图像

Question

我正在尝试为 Visual Basic WPF 应用程序中滑块上的 Thumb 设置自定义图像。我所能找到的只是做一些形状和颜色的定制。我不知道如何设置自定义滑块图像。如何获取下面的图像并将其设置为拇指图像？

编辑

我无法让它工作。我得到一个“拇指”目标类型与下面的代码不匹配元素“滑块”的类型。我不确定如何编辑“拇指”的属性。我在网上找不到任何在 2 个标签内包含某种 Thumb 代码的东西。如果我设置拇指样式并尝试将其应用于滑块“样式”属性，则拇指样式和滑块控件之间存在某种不匹配。您可以在单个标签中自定义滑块的拇指吗？

<Slider Margin="902,104,105,384" RenderTransformOrigin="0.5,0.5" Orientation="Vertical" Minimum ="0" Maximum="255">
        <Slider.Style>
            <Style TargetType="Thumb">
                <Style.Setters>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type Thumb}">
                                <StackPanel Width="160"
                      Height="80"
                      Background="#FFFFFF"
                      Orientation="Horizontal">
                                    <Image Width="78"
                   Height="78"
                   Margin="0"
                   HorizontalAlignment="Center"
                   VerticalAlignment="Center"
                   Source="Images/TBar.png" />

                                </StackPanel>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style.Setters>
            </Style>
        </Slider.Style>    
    </Slider>

Answer 1

这里有一些 XAML 用于更改样式设置器中的 Thumb 属性。

<Window.Resources>
    <Style TargetType="Thumb">

      <Style.Setters>
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate TargetType="{x:Type Thumb}">
              <StackPanel Width="160"
                          Height="80"
                          Background="#00000000"
                          Orientation="Horizontal">
                <Image Width="78"
                       Height="78"
                       Margin="0"
                       HorizontalAlignment="Center"
                       VerticalAlignment="Center"
                       Source="eye.png" />

              </StackPanel>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style.Setters>
    </Style>

  </Window.Resources>