当前位置:首页 > ASP.NET技巧:投票结果的图片进度条显示

ASP.NET技巧:投票结果的图片进度条显示

点击次数:1317  更新日期:2010-12-25
\n

一个投票功能模块少不了查看投票结果,用进度条显示各个投票结果可以起到一目了然的效果。以下是我的方法,请大家不吝赐教:


\n

1:做一张图片用于做进度条,只需要很小的一个图片就可以了,如高20px,宽1px。


\n

2:在要显示进度条的单元格中插入image控件,其imageUrl设置为已做好的图片的位置。


\n

3:用一个dataReader对象dr保存取出的各项票数,用一个int 型变量sum保存取出的总票数,各项分别再定义一个double型变量用来保存单项票数除以(/)总票数的结果(小数),再定义一个int型的变量来保存最终要显示的进度条的长度(用前面那个double型变量*用来显示进度条的单元格的长度,然后强制转换为int型),将长度赋值给图片的width 属性即可,以下为我的代码片段,显示四个进度条:


\n

SqlCommand cmd=new SqlCommand(“select * from TvoteNum order by Vid”,con);//查出各项的投票结果的sql语句


\n

SqlDataReader dr=cmd.ExecuteReader();


\n

……


\n

SqlCommand cmd1=new SqlCommand(“select sum(Vnum) from TvoteNum”,con1);//查出总票数的sql语句


\n

int sum=Convert.ToInt32(cmd1.ExecuteScalar());


\n

……


\n

dr.Read();//读datareader对象的第一条记录


\n

this.Label1.Text=dr.GetInt32(1).ToString();//第一项的票数


\n

double w1=(Convert.ToDouble(this.Label1.Text)/sum);//此项票数占总票数的百分比


\n

int wid1=(int)(w1*310);//转化为具体象素,310为要用来显示进度条的单元格长度


\n

this.Image1.Width=wid1;//赋值给图片的宽度


\n

dr.Read();//读第二条记录


\n

this.Label2.Text=dr.GetInt32(1).ToString();


\n

double w2=(Convert.ToDouble(this.Label2.Text)/sum);


\n

int wid2=(int)(w2*310);


\n

this.Image2.Width=wid2;


\n


\n

dr.Read();//读第三条记录


\n

this.Label3.Text=dr.GetInt32(1).ToString();


\n

double w3=(Convert.ToDouble(this.Label3.Text)/sum);


\n

int wid3=(int)(w3*310);


\n

this.Image3.Width=wid3;


\n


\n

dr.Read();//读第四条记录


\n

this.Label4.Text=dr.GetInt32(1).ToString();


\n

double w4=(Convert.ToDouble(this.Label4.Text)/sum);


\n

int wid4=(int)(w4*310);


\n

this.Image4.Width=wid4;


\n

来源:网络

\n