ASP.NET显示渐变图片

开发 后端
用ASP.NET编写能够显示图标渐变的效果,简单实用。详细请看下文

最终效果:

 

实现效果,首先准备一张图片,高度为25pixel,宽度为1至3pixel渐变的图片。可以这里下载

还要准备数据:

  1. Dictionary<intint> Datas  
  2.     {  
  3.         get 
  4.         {  
  5.             Dictionary<intint> d = new Dictionary<intint>();  
  6.             d.Add(1, 35);  
  7.             d.Add(2, 45);  
  8.             d.Add(3, 20);  
  9.             return d;  
  10.         }  
  11.     } 

ok,数据准备完了,在aspx里放三个Label控件,当然你可以显示在其它控件或是标签中,有一点要注意的是Width="300",它是渐变图片在100%的宽度:

  1. <asp:Label ID="Label1" runat="server" style="margin: 3px;" Text="" Width="300" BorderWidth="1"></asp:Label><br />  
  2.         <asp:Label ID="Label2" runat="server" style="margin: 3px;" Text="" Width="300" BorderWidth="1"></asp:Label><br />  
  3.         <asp:Label ID="Label3" runat="server" style="margin: 3px;" Text="" Width="300" BorderWidth="1"></asp:Label><br /> 

把数据显示于Label上:

  1. protected void Page_Load(object sender, EventArgs e)  
  2.     {  
  3.         Data_Binding();  
  4.     }  
  5.  
  6.     private void Data_Binding()  
  7.     {  
  8.         int totals = 100;  
  9.         foreach (KeyValuePair<intint> kvp in Datas)  
  10.         {  
  11.             double rate = kvp.Value / (double)totals;  
  12.  
  13.             double width = rate * 300;  
  14.             switch (kvp.Key)  
  15.             {  
  16.                 case 1:  
  17.                     this.Label1.Text = GradientImage(width, rate);  
  18.                     break;  
  19.                 case 2:  
  20.                     this.Label2.Text = GradientImage(width, rate);  
  21.                     break;  
  22.                 case 3:  
  23.                     this.Label3.Text = GradientImage(width, rate);  
  24.                     break;  
  25.             }  
  26.         }  
  27.     }  
  28.  
  29.     private string GradientImage(double width, double rate)  
  30.     {  
  31.         return "<IMG height='21' src='images/bar.gif' width='" + width + "' align='absMiddle'> " + rate.ToString("p");  
  32.     } 

原文链接:http://www.cnblogs.com/insus/archive/2012/04/01/2429442.html

【编辑推荐】

  1. 详细解读ASP.NET的异步
  2. ASP.NET的路由系统:URL与物理文件的分离
  3. ASP.NET MVC3 从零开始一步步构建Web
  4. 如何在ASP.NET网站中使用HTML 5拖放功能
  5. 通过标准的ASP.NET控件来使用jQuery UI
责任编辑:林师授 来源: 杨明波的博客
相关推荐

2009-07-21 13:40:24

ASP.NET上传图片显示图片

2009-07-27 16:53:15

ASP.NET 2.0

2009-07-22 17:45:35

ASP.NET教程

2009-07-27 10:48:53

ASP.NET Det

2009-07-27 12:22:03

ASP.NET和ASPASP.NET入门教程

2009-08-03 14:22:33

什么是ASP.NET

2009-07-28 17:17:19

ASP.NET概述

2009-08-24 17:27:47

ASP.NET Tre

2009-07-27 16:09:05

GridView显示数

2009-07-29 16:08:07

ASP和ASP.NET

2009-12-03 13:34:36

Visual Stud

2009-07-28 03:42:00

ASP.NET Gri

2009-08-05 18:46:21

ComboBox显示ASP.NET控件开发

2009-08-03 13:38:18

ASP.NET编程模型

2009-08-10 13:32:15

ASP.NET TimASP.NET组件设计

2009-07-29 17:11:25

ASP.NET ISA

2009-12-02 09:07:45

ASP.NET 4.0

2009-07-20 15:30:11

ASP.NET应用

2009-07-20 16:12:21

ASP.NET Fra

2009-07-20 17:27:01

配置ASP.NET
点赞
收藏

51CTO技术栈公众号