Windows phone 7 Windows Phone 7滑块强调前景色和背景色

Windows phone 7 Windows Phone 7滑块强调前景色和背景色,windows-phone-7,colors,slider,background-foreground,Windows Phone 7,Colors,Slider,Background Foreground,我需要创建一个有两种颜色的滑块,这样当你向一个方向或另一个方向滑动时,它看起来好像一种颜色比另一种颜色的百分比高,反之亦然。但是,当我应用下面的代码时,wp7会自动使背景颜色变暗,因此它不是正确的颜色。滑块位于一个列表框中,该列表框在对象上迭代,因此颜色不断变化。有没有办法使前景的颜色与背景的颜色相匹配?(这样#ffffff将在滑块的两侧显示为白色,而不是一个为白色,另一个为灰色?) 代码如下 <Slider Grid

我需要创建一个有两种颜色的滑块,这样当你向一个方向或另一个方向滑动时,它看起来好像一种颜色比另一种颜色的百分比高,反之亦然。但是,当我应用下面的代码时,wp7会自动使背景颜色变暗,因此它不是正确的颜色。滑块位于一个列表框中,该列表框在对象上迭代,因此颜色不断变化。有没有办法使前景的颜色与背景的颜色相匹配?(这样#ffffff将在滑块的两侧显示为白色,而不是一个为白色,另一个为灰色?)

代码如下

                <Slider
                    Grid.Column="0"
                    Grid.ColumnSpan="3"
                    Grid.Row="1"
                    Background="{Binding AwayTeam.Color}"
                    Foreground="{Binding HomeTeam.Color}"
                    FlowDirection=""
                    Value="4.7"
                    />

好的,我要补充一些澄清。请看此链接上的图片


底部背景(右侧)是我需要的滑块的样子,蓝色是应该的颜色。但是,当我将蓝色设置为背景色时,wp7会使其更暗。顶部滑块是wp7当前对背景色所做的操作,底部是我需要背景色的样子。

您只需对滑块模板进行一次小的修改:

  • 在Expression Blend中打开项目
  • 在“对象和时间轴”窗口中选择滑块
  • 右键单击它并选择:编辑模板>编辑副本
  • 在模板的xaml中,找到这一行

    <Rectangle x:Name="HorizontalTrack" Grid.Column="2" Fill="{TemplateBinding Background}"
           Height="12" IsHitTestVisible="False" Margin="0,22,0,50" Opacity="0.2"/>
    
    
    
  • 删除
    Opacity=“0.2”

  • 接受这个答案。:)
    我想尽力帮助你,但我不确定你到底想做什么。滑块应该做什么?我同意-我读了你的前几个句子,激发了表情混合,读了其余的,闭合混合。你能进一步解释“有什么办法使前景的颜色与背景的颜色相匹配吗?”?(这样#ffffff将在滑块的两侧显示为白色,而不是一个为白色,另一个为灰色?)