0

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

4

1 回答 1

1

您只需要对滑块模板进行细微修改:

  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. 接受这个答案。:)
于 2012-02-02T00:54:11.167 回答