投票结果的图片进度条显示

2016-02-19 15:26 23 1 收藏

下面这个投票结果的图片进度条显示教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - Web开发 】

  一个投票功能模块少不了查看投票结果,用进度条显示各个投票结果可以起到一目了然的效果。以下是我的方法,请大家不吝赐教:
  1:做一张图片用于做进度条,只需要很小的一个图片就可以了,如高20px,宽1px。
  2:在要显示进度条的单元格中插入image控件,其imageUrl设置为已做好的图片的位置。
  3:用一个dataReader对象dr保存取出的各项票数,用一个int 型变量sum保存取出的总票数,各项分别再定义一个double型变量用来保存单项票数除以(/)总票数的结果(小数),再定义一个int型的变量来保存最终要显示的进度条的长度(用前面那个double型变量*用来显示进度条的单元格的长度,然后强制转换为int型),将长度赋值给图片的width 属性即可,以下为我的代码片段,显示四个进度条:
     SqlCommand cmd=new SqlCommand("select * from TvoteNum order by Vid",con);//查出各项的投票结果的sql语句 
     SqlDataReader dr=cmd.ExecuteReader();
      ......

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

      SqlCommand cmd1=new SqlCommand("select sum(Vnum) from TvoteNum",con1);//查出总票数的sql语句 
      int sum=Convert.ToInt32(cmd1.ExecuteScalar());
      ......
      dr.Read();//读datareader对象的第一条记录
      this.Label1.Text=dr.GetInt32(1).ToString();//第一项的票数
      double w1=(Convert.ToDouble(this.Label1.Text)/sum);//此项票数占总票数的百分比
      int wid1=(int)(w1*310);//转化为具体象素,310为要用来显示进度条的单元格长度
      this.Image1.Width=wid1;//赋值给图片的宽度
     
      dr.Read();//读第二条记录
      this.Label2.Text=dr.GetInt32(1).ToString();
      double w2=(Convert.ToDouble(this.Label2.Text)/sum);
      int wid2=(int)(w2*310);
      this.Image2.Width=wid2;

     
      dr.Read();//读第三条记录
      this.Label3.Text=dr.GetInt32(1).ToString();
      double w3=(Convert.ToDouble(this.Label3.Text)/sum);
      int wid3=(int)(w3*310);
      this.Image3.Width=wid3;

     
      dr.Read();//读第四条记录
      this.Label4.Text=dr.GetInt32(1).ToString();
      double w4=(Convert.ToDouble(this.Label4.Text)/sum);
      int wid4=(int)(w4*310);
      this.Image4.Width=wid4;
      ......

  http://lj821022.cnblogs.com/archive/2006/05/29/412482.html

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1609649.html

延伸阅读
《无尽的进度条Progress Quest》部分法术效果攻略 提示1:《无尽的进度条》 为半即时回合制游戏,即那种战斗开始后敌我都有行动条,走到头才能行动的回合制。 瞬移:有一定几率让你无视速度,立刻行动,几率随法术等级上升。 兔子的正义铁拳:召...
标签: flash教程
本文由 中国 txwh2006(踏雪无痕)   原创,转载请保留此信息! 这几天为了制作网页,需要做个进度条,无奈以前不注意,至今还不会做,只得看网上教程来学习。网上教程虽然不少,但其实版本雷同,真要学还不如意,有的教程号称“最简单”,他给你一段代码,叫你哭笑不得,人家会的高手,他也不在乎你一段代码,菜鸟们看了也不懂;...
标签: Web开发
1.建立进度条html页面 progressbar.htm script language="javascript" function setPgb(pgbID, pgbValue) { if ( pgbValue = 100 ) { //debugger; if (lblObj = document.getElementById(pgbID+'_label')) { lblObj.innerHTML = pgbValue + '%'; // change the label value } if ( pgbObj = document.getElementBy...
标签: Web开发
很多的时候用户需要等待你“臃肿”的 Javascript 代码处理完成(Web 2.0 的特色)。期间或许加入一个类似于进度条的东西让用户有点“安慰”。这个东西实现起来并不复杂,无非就是获得总的处理条目,然后获得一个百分比,再显示输出。 通过我们伟大的 CSS,可以实现非常漂亮的进度条样式。加上 Javascript ...
标签: FLASH flash教程
本文由 txwh2006(踏雪无痕)   原创,转载请保留此信息! 这几天为了制作网页,需要做个进度条,无奈以前不注意,至今还不会做,只得看网上教程来学习。网上教程虽然不少,但其实版本雷同,真要学还不如意,有的教程号称“最简单”,他给你一段代码,叫你哭笑不得,人家会的高手,他也不在乎你一段代码,菜鸟们看了也不懂;有的教程...

经验教程

100

收藏

73
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部