使用自定义图像更改滑块UI。 Windows手机

Question

我想添加滑块控制的图像是可能的，如果是的话我该怎么办？

我目前的屏幕是这样的。

我希望实现这样的目标。

而不是滑块默认ui我想放置我的图像。

Answer 1

由于我们没有太多细节，我建议您查看此页面： http://www.geekchamp.com/articles/customizing-wp7-slider-in-different-ways

您可以在那里找到一些自定义示例。

我想你想在这里放一张图片：

<ControlTemplate x:Key="ThumbControlTemplate1" TargetType="Thumb">
    <Image Source="path to your img" Height="60" Width="50" />
</ControlTemplate>

<强> UPD

在geekchamp上的文章中，您可以看到完整的控件模板。

转到HorisontalTemplate

有一个名为HorisontalTrack的元素。现在是Rectagle

 <Rectangle x:Name="HorizontalTrack" 
           Grid.ColumnSpan="3" 
           Fill="{TemplateBinding Background}" 
           Height="12" 
           IsHitTestVisible="False" Margin="0,22,0,50" Opacity="0.2"/>

将其替换为Image。此外，您不需要HorizontalFill，因此请将其透明化。

使用Thumb的气泡图像。基本上就是这样。