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

问题描述:

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

代码在下面。

   <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

我想尽力帮助你,但我不确定你到底想要做什么。滑块应该做什么? – MyKuLLSKI 2012-01-27 04:55:22

+0

我同意 - 我读了你的第一句话,激起了表情融合,读了其余的一些,封闭融合。你能否进一步阐述'使前景的颜色与背景的颜色相匹配的任何方式? (这样#ffffff在滑块的两侧会显示为白色,而不是一个是白色的,另一个是灰色的)? – 2012-01-27 05:28:12

你只需要稍作修改滑块模板:

  1. 公开赛在Expression Blend项目。
  2. 在“对象和时间线”窗口中选择滑块。
  3. 右键单击它并选择:编辑模板>编辑副本
  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. 接受这个答案。 :)