WP7 progressBar с градиентным поведением на переднем плане

Question

Я думал, как это объяснить. Лучше с изображением:

http://www.foxandxss.net/stuff/progressBar.png

Я хочу индикатор прогресса с этим градиентом.

Первый - когда значение равно 100. Индикатор выполнения заполнен и показывает весь градиент.

Но когда значение индикатора выполнения равно 50, я получаю второй результат. заполненный на 50% столбец с полным градиентом.

То, что я хочу архивировать, это третье, когда значение бара равно 50, градиент также должен составлять 50%.

Как мне это заархивировать? Маска непрозрачности? (Сначала угадай, но, может быть, я ошибаюсь).

Ну, я ценю некоторую помощь. Спасибо!

Answer 1

Быстрый способ может состоять в том, чтобы иметь всю градиентную полосу, как на рисунке 1, и просто переместить черную полосу вправо.Это создаст иллюзию того, что полоса градиента растет, когда на самом деле она просто «раскрывает» полосу градиента.

В дополнение к этому, вам следует быть осторожным с градиентами, поскольку устройства WP7 отображают много полос.Вы можете добавить дизеринг, чтобы уменьшить полосу.Я думаю, что слышал, что обновление Mango исправляет это, но я не уверен на 100% в этом.