您好,登錄后才能下訂單哦!
本篇文章為大家展示了怎么在ASP.NET中對(duì)圖片進(jìn)行漸變顯示,內(nèi)容簡明扼要并且容易理解,絕對(duì)能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。
準(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" Text="" Width="300" BorderWidth="1"></asp:Label><br /> <asp:Label ID="Label2" runat="server" Text="" Width="300" BorderWidth="1"></asp:Label><br /> <asp:Label ID="Label3" runat="server" 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"); }
上述內(nèi)容就是怎么在ASP.NET中對(duì)圖片進(jìn)行漸變顯示,你們學(xué)到知識(shí)或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。