ASP.NET顯示漸變圖片實(shí)現(xiàn)方法

更新時(shí)間：2020年07月20日 14:30:05 投稿：lijiao

用ASP.NET編寫(xiě)能夠顯示圖標(biāo)漸變的效果，簡(jiǎn)單實(shí)用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

先給大家來(lái)個(gè)最終效果：

實(shí)現(xiàn)效果，首先準(zhǔn)備一張圖片，高度為25pixel,寬度為1至3pixel漸變的圖片。可以這里下載。

還要準(zhǔn)備數(shù)據(jù)：

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,數(shù)據(jù)準(zhǔn)備完了，在aspx里放三個(gè)Label控件，當(dāng)然你可以顯示在其它控件或是標(biāo)簽中，有一點(diǎn)要注意的是Width="300"，它是漸變圖片在100%的寬度：

<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 />

把數(shù)據(jù)顯示于Label上：

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: 
  this.Label1.Text = GradientImage(width, rate); 
  break; 
 case 2: 
  this.Label2.Text = GradientImage(width, rate); 
  break; 
 case 3: 
  this.Label3.Text = GradientImage(width, rate); 
  break; 
 } 
 } 
 } 
 
 private string GradientImage(double width, double rate) 
 { 
 return "<IMG height='21' src='images/bar.gif' width='" + width + "' align='absMiddle'> " + rate.ToString("p"); 
 }

以上就是ASP.NET實(shí)現(xiàn)漸變圖片的方法，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

asp.net core中靈活的配置方式詳解
這篇文章主要給的阿加介紹了關(guān)于在asp.net core中靈活的配置方式的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。
2017-07-07
ASP.NET網(wǎng)站第一次訪問(wèn)慢的解決方法
這篇文章主要為大家詳細(xì)介紹了IIS8上ASP.NET第一次訪問(wèn)慢的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
asp.net中c#自定義事件的實(shí)現(xiàn)方法詳解
這篇文章主要介紹了asp.net中c#自定義事件的實(shí)現(xiàn)方法,較為詳細(xì)的分析了自定義實(shí)現(xiàn)的各個(gè)步驟的具體實(shí)現(xiàn)思路與技巧,并給出了一個(gè)完整的實(shí)例總結(jié),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
.Net Core項(xiàng)目中NLog整合Exceptionless實(shí)例
這篇文章主要介紹了.Net Core項(xiàng)目中NLog整合Exceptionless實(shí)例，NLog主要是收集程序中的日志，Exceptionless可以統(tǒng)一收集管理并展示出來(lái)程序的日志，兩者結(jié)合使用，相得益彰。感興趣的小伙伴可以參考這篇文章
2021-09-09
ASP.NET Session的七點(diǎn)認(rèn)識(shí)小結(jié)
ASP.NET Session的使用當(dāng)中我們會(huì)遇到很多的問(wèn)題，那么這里我們來(lái)談下經(jīng)常出現(xiàn)的一些常用ASP.NET Session的理解
2011-07-07
asp.net TreeView遞歸循環(huán)子節(jié)點(diǎn)生成樹(shù)形菜單實(shí)例
這篇文章主要介紹了asp.net TreeView遞歸循環(huán)子節(jié)點(diǎn)生成樹(shù)形菜單的方法,涉及asp.net遞歸算法及節(jié)點(diǎn)操作相關(guān)技巧,需要的朋友可以參考下
2016-07-07
ASP.NET通過(guò)Remoting service上傳文件
ASP.NET通過(guò)Remoting service上傳文件...
2006-09-09
XAML: 自定義控件中事件處理的最佳實(shí)踐方法
下面小編就為大家分享一篇XAML: 自定義控件中事件處理的最佳實(shí)踐方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-02-02
ASP.NET XmlDocument類詳解
這篇文章主要介紹了ASP.NET XmlDocument類詳解,本文講解了XmlDocument的屬性、XmlDocument的方法、XmlDocument的事件、XmlDocument的使用實(shí)例等內(nèi)容,需要的朋友可以參考下
2015-05-05
ASP.NET中為GridView添加刪除提示框的方法
這篇文章主要介紹了ASP.NET中為GridView添加刪除提示框的方法,可實(shí)現(xiàn)非常人性化的刪除提示功能,需要的朋友可以參考下
2015-06-06