具有渐变前景行为的 WP7 进度条
我正在想如何解释这一点。最好使用图像：
http://www.foxandxss.net/stuff/progressBar.png
我想要一个具有该渐变的进度条。
第一个是当值为 100 时。进度条已满并显示整个渐变。
但是当进度条的值为 50 时，我得到第二个结果。具有整个渐变的 50% 填充条。
我想要实现的是第三个，当条形的值为 50 时，梯度也必须为 50%。
我怎样才能实现这一目标？不透明蒙版？ （第一次猜测，但也许我错了）。
嗯，我很感谢一些帮助。谢谢！
I was thinking how to explain this. Better with a image:
http://www.foxandxss.net/stuff/progressBar.png
I want a progressBar with that gradient.
The first one is when the value is 100. The progress bar is full and it show the whole gradient.
But when the progressbar's value is 50, I get the second result. a 50% filled bar with the whole gradient.
What I want to archieve is the third one, when the bar's value is 50, the gradient has to be 50% also.
How can I archieve that? Opacity mask? (First guess but maybe I'm wrong).
Well, I appreciate some help. Thanks!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
一种快速方法可能是拥有整个渐变条，如图 1 所示，然后只需将黑色条向右移动即可。这会给人一种渐变条正在增长的错觉，而实际上，它只是“揭开”渐变条。
另外，您应该小心渐变，因为 WP7 设备会显示大量条带。您可以添加抖动来减少条带。我想我听说 Mango 更新修复了这个问题，但我并不能 100% 确定。
A quick way could be to have the entire gradient bar, like in image 1, and simply move the black bar across towards the right. This will give the illusion that the gradient bar is growing when really, it's just 'uncovering' the gradient bar.
On a side note, you should be careful with gradients as WP7 devices display a lot of banding. You could add dither to reduce the banding. I think I heard that the Mango update fixes this, but I'm not 100% sure on that.