实现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这个值了，这里就不在详细描述。

最终效果图：