ASP.NET显示渐变图片

来源:未知 责任编辑:责任编辑 发表时间:2014-01-20 07:53 点击:
最终效果:

 \


实现效果,首先准备一张图片,高度为25pixel,宽度为1至3pixel渐变的图片。可以这里下载http://www.2cto.com/uploadfile/2012/0405/20120405091437570.gif 

还要准备数据:
  View Code
 Dictionary<int, int> Datas
    {
        get
        {
            Dictionary<int, int> d = new Dictionary<int, int>();
            d.Add(1, 35);
            d.Add(2, 45);
            d.Add(3, 20);
            return d;
        }
    }

 
ok,数据准备完了,在aspx里放三个Label控件,当然你可以显示在其它控件或是标签中,有一点要注意的是Width="300",它是渐变图片在100%的宽度。:
  View Code
<asp:Label ID="Label1" runat="server" style="margin: 3px;" Text="" Width="300" BorderWidth="1"></asp:Label><br />
        <asp:Label ID="Label2" runat="server" style="margin: 3px;" Text="" Width="300" BorderWidth="1"></asp:Label><br />
        <asp:Label ID="Label3" runat="server" style="margin: 3px;" Text="" Width="300" BorderWidth="1"></asp:Label><br />

 
把数据显示于Label上:
  View Code
 protected void Page_Load(object sender, EventArgs e)
    {
        Data_Binding();
    }

    private void Data_Binding()
    {
        int totals = 100;
        foreach (KeyValuePair<int, int> kvp in Datas)
        {
            double rate = kvp.Value / (double)totals;

            double width = rate * 300;
            switch (kvp.Key)
            {
                case 1:

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • 浅析.NET下XML数据访问新机制
  • asp.net 面试+笔试题目第1/2页
  • C# 邮件地址是否合法的验证
  • asp.net 设置GridView的选中行的实现代码
  • C#高级编程:数据库连接[1]
  • 经典C++程序1
  • IIS 自动回收导致后台定时器失效的问题解决
  • ASP.NET&#160;GridView列表代码示例
  • Asp.net MVC源码分析--Action Filter的链式调用
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1