ASP .网显示渐变图片实现方法
先给大家来个最终效果:
实现效果,首先准备一张图片,高度为25像素,宽度为一至3像素渐变的图片。可以这里下载。
还要准备数据:
Dictionaryint,int Datas { get { Dictionaryint,int d=new Dictionaryint,int();添加(1,35);添加(2,45);添加(3,20);返回d .} }好的,数据准备完了,在aspx里放三个标签控件,当然你可以显示在其它控件或是标签中,有一点要注意的是宽度='300 ',它是渐变图片在100%的宽度:
余量:标签ID=' label 1 ' runat=' server ' style=' margin : 3px;'text=' Width=' 300 ' BorderWidth=' 1 '/ASP : label br/ASP 3360 label ID=' label 2 ' runat=' server ' style=' margin : 3px;text=' Width=' 300 ' BorderWidth=' 1 '/ASP : label br/ASP 3360 label ID=' label 3 ' runat=' server ' style=' margin : 3px;'text=' Width=' 300 ' BorderWidth=' 1 '/ASP :标签br/把数据显示于标签上:
受保护的无效页面_加载(对象发送方,事件参数e){ Data _ Binding();} private void Data _ Binding(){ int total=100;foreach(KeyValuePayrint,Datas中的int kvp){双倍速率=kvp .价值/(双倍)总计;双倍宽度=速率* 300;开关(千伏安.关键){案例1:这个标签1。Text=GradientImage(宽度、速率);打破;2:号案件标签2。Text=GradientImage(宽度、速率);打破;案例3:这个标签3。Text=GradientImage(宽度、速率);打破;} } }私有字符串梯度图像(双倍宽度,双倍速率){返回' IMG高度=' 21 ' src=' images/bar。gif ' width=' width ' ' align=' AbSmiddle ' rate .ToString(' p ');} 以上就是ASP .网实现渐变图片的方法,希望对大家的学习有所帮助。
版权声明:ASP .网显示渐变图片实现方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。