zoukankan      html  css  js  c++  java
  • 实现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这个值了,这里就不在详细描述。

    最终效果图:

  • 相关阅读:
    代码
    (转载)计算机的二进制起源
    表的新建
    SQL约束
    包装类
    GUID(转载)
    Android九宫格解锁自定义控件(附源码)
    Android滑动页面返回(自定义控件)
    Android高仿QQ消息滑动删除(附源码)
    Android跟踪球-手势移动图片-自定义控件(附源码)
  • 原文地址:https://www.cnblogs.com/ssqjd/p/1995955.html
Copyright © 2011-2022 走看看