实现ZUNE上软件商城的软件星级推荐效果

当我们在用ZUNE的app strore里给Windows Phone 7手机下载软件的时候，一般都会按星级推荐来参照这款软件的可玩性的，下面我们就来说说如何实现类似的星级推荐的效果：



1.首先，准备两张星级图片，如下图所示：


(star01.png)


(star02.png)
2.然后在前端界面xaml文件里添加如下代码：

<Grid>
<Image Width="65" Height="13" Source="star01.png"/>
<Image Width="65" Height="13" Source="star02.png">
<Image.OpacityMask>
<LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
<GradientStop Offset="0" Color="#474547"/>
<GradientStop Offset="0.45" Color="#474547"/>
<GradientStop Offset="0.45" Color="Transparent"/>
<GradientStop Offset="1" Color="Transparent"/>
</LinearGradientBrush>
</Image.OpacityMask>
</Image>
</Grid>

这样，就可以实现星级推荐的效果了。当然，在实际项目中，我们的软件的星级推荐值是各不相同的，这时候我们就可以写一个依赖属性来替代这个例子中的0.45这个值了，这里就不在详细描述。
最终效果图：