将滑块的拇指模板编辑为图像 Windows Phone 7

Posted

技术标签:

【中文标题】将滑块的拇指模板编辑为图像 Windows Phone 7【英文标题】:Editing a Slider's Thumb Template to be an Image Windows Phone 7 【发布时间】:2011-07-20 01:26:18 【问题描述】:

所以我一直在通过谷歌从所有主要来源(如 windowsphonegeek、msdn 等)查找很多“自定义滑块”。但由于某种原因,我似乎无法弄清楚如何制作拇指滑动图像(例如 png)。

这是问题所在的一点点xaml

    <Control.Template Name="ThumbTemplate1" TargetType="Thumb">
        <Image Source="myImage.png" Height="48" Width="48" />
    </Control.Template>

目前这不会显示任何拇指,因为它没有正确加载图像。

【问题讨论】:

【参考方案1】:
     <Style x:Key="ThumbStyle1" TargetType="Thumb">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Thumb">
                    <Grid Margin="0,-15,-70,-8">
                        <Ellipse Fill="Binding ThumbImage" Stretch="UniformToFill"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

如果你想绑定图像,那么设置填充椭圆/矩形等很重要,因为绑定图像画笔非常有问题,这会解决一些麻烦

【讨论】:

【参考方案2】:

您是否检查了图像的路径(通过在模板外显示)?

确保图像文件具有“内容”的构建操作(默认为“资源”)并确保名称以“/”开头。

【讨论】:

这很重要,但我已经找到了答案并将发布,感谢您的帮助

以上是关于将滑块的拇指模板编辑为图像 Windows Phone 7的主要内容,如果未能解决你的问题,请参考以下文章

UISlider 的 minView 超出了它的边界和拇指的中心

iOS滑块的默认拇指图像大小?

滑块上的拇指不动

自定义 UISlider 外观

自定义 UI 滑块,拇指图像大小问题

是否可以向 UISlider 拇指图像添加标签?