Windows Phone 7滑块重音前景色和背景色

时间:2012-01-27 03:32:38

标签: windows-phone-7 colors slider background-foreground

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

代码如下。

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

好的,所以我补充一些说明。看看这个链接的图片。 Slider Example

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

1 个答案:

答案 0 :(得分:1)

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

  1. 在Expression Blend中打开项目。
  2. 在“对象和时间线”窗口中选择滑块。
  3. 右键单击它并选择:编辑模板&gt;编辑副本
  4. 在模板的xaml中,找到这一行

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

  6. 接受这个答案。 :)