熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET顯示漸變圖片

2013-11-13 10:03:50  來源: .NET編程 


  用ASPNET編寫能夠顯示圖標漸變的效果簡單實用詳細請看下文

  最終效果



  

  實現效果首先准備一張圖片高度為pixel寬度為pixel漸變的圖片還要准備數據

  


    Dictionary<int int> Datas  
        {  
            get 
            {  
                Dictionary<int int> d = new Dictionary<int int>();  
                dAdd( );  
                dAdd( );  
                dAdd( );  
                return d;  
            }  
        } 

  ok數據准備完了在aspx裡放三個Label控件當然你可以顯示在其它控件或是標簽中有一點要注意的是Width=它是漸變圖片在%的寬度

  


    <asp:Label ID=Label runat=server style=margin: px; Text= Width= BorderWidth=></asp:Label><br />  
            <asp:Label ID=Label runat=server style=margin: px; Text= Width= BorderWidth=></asp:Label><br />  
            <asp:Label ID=Label runat=server style=margin: px; Text= Width= BorderWidth=></asp:Label><br /> 

  把數據顯示於Label上

  


    protected void Page_Load(object sender EventArgs e)  
        {  
            Data_Binding();  
        }  
     
        private void Data_Binding()  
        {  
            int totals = ;  
            foreach (KeyValuePair<int int> kvp in Datas)  
            {  
                double rate = kvpValue / (double)totals;  
     
                double width = rate * ;  
                switch (kvpKey)  
                {  
                    case :  
                        thisLabelText = GradientImage(width rate);  
                        break;  
                    case :  
                        thisLabelText = GradientImage(width rate);  
                        break;  
                    case :  
                        thisLabelText = GradientImage(width rate);  
                        break;  
                }  
            }  
        }  
     
        private string GradientImage(double width double rate)  
        {  
            return <IMG height= src=images/bargif width= + width +  align=absMiddle + rateToString(p);  
        } 


From:http://tw.wingwit.com/Article/program/net/201311/12448.html
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.