ASP.NET显示渐变图片

用ASPNET编写能够显示图标渐变的效果简单实用详细请看下文

最终效果

实现效果首先准备一张图片高度为pixel宽度为至pixel渐变的图片还要准备数据

Dictionary<intint>Datas

{

get

{

Dictionary<intint>d=newDictionary<intint>();

dAdd();

dAdd();

dAdd();

returnd;

}

}

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

<asp:LabelID=Labelrunat=serverstyle=margin:px;Text=Width=BorderWidth=></asp:Label><br/>

<asp:LabelID=Labelrunat=serverstyle=margin:px;Text=Width=BorderWidth=></asp:Label><br/>

<asp:LabelID=Labelrunat=serverstyle=margin:px;Text=Width=BorderWidth=></asp:Label><br/>

把数据显示于Label上

protectedvoidPage_Load(objectsenderEventArgse)

{

Data_Binding();

}

privatevoidData_Binding()

{

inttotals=;

foreach(KeyValuePair<intint>kvpinDatas)

{

doublerate=kvpValue/(double)totals;

doublewidth=rate*;

switch(kvpKey)

{

case:

thisLabelText=GradientImage(widthrate);

break;

case:

thisLabelText=GradientImage(widthrate);

break;

case:

thisLabelText=GradientImage(widthrate);

break;

}

}

}

privatestringGradientImage(doublewidthdoublerate)

{

return<IMGheight=src=images/bargifwidth=+width+align=absMiddle>+rateToString(p);

}