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



我需要创建一个有两种颜色的滑块,这样当你在一个方向或另一个方向滑动时,它看起来就像一种颜色比另一种颜色有更高的百分比,反之亦然。然而,当我应用下面的代码时,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当前对背景颜色所做的,底部滑块是我需要的背景颜色。

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

  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. 接受这个答案。:)

相关内容

  • 没有找到相关文章

最新更新