Слайдер Windows Phone 7 с акцентом на основной и фоновый цвета

Question

Мне нужно создать ползунок с двумя цветами, чтобы при скольжении в одном или другом направлении он выглядел так, как будто один цвет имеет более высокий процент по сравнению с другим, или наоборот. Однако, когда я применяю приведенный ниже код, 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 в настоящее время делает с цветом фона, а нижний - то, что мне нужно, чтобы цвет фона выглядел.

Answer 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. Принять этот ответ.:)