zoukankan      html  css  js  c++  java
  • 进度条控件

    当我们在做一个大大小小的项目的时候,可能会遇到显示一个进度或百分比的问题,如果只用一个数字表示给客户带来的是很死板的感觉。如果用一个进度条来表示就会使客户一目了然了,还很形象。
    下面是我的进度条控件:

    边框和颜色都可以设置,也可在后面显示100%
    下面是部分源代码:
      1 /// <summary>
      2     ///作者:王永强|HeroBeast|海尔比斯特
      3     ///时间:2006-12-28
      4     ///功能:显示为一个进度条,可设置显示颜色等属性
      5     /// </summary>
      6     [DefaultProperty("Text"), 
      7         ToolboxData("<{0}:HBProcessBar runat=server></{0}:HBProcessBar>")]
      8     public class HBProcessBar : System.Web.UI.WebControls.WebControl
      9     {
     10         private int _iCurrentValue;
     11         
     12         //开发时间
     13         [
     14         Bindable(true),
     15         Category("HBProcessBar"),
     16         DefaultValue(""),
     17         Description("当前进度值")
     18         ]
     19         public int CurrentValue
     20         {
     21             get { return _iCurrentValue;  }
     22             set { _iCurrentValue = value; }
     23         }
     24         public override Unit Width
     25         {
     26             get
     27             {
     28                 return base.Width;
     29             }
     30             set
     31             {
     32                 base.Width = value;
     33             }
     34         }
     35         public override Unit Height
     36         {
     37             get
     38             {
     39                 return base.Height;
     40             }
     41             set
     42             {
     43                 base.Height = value;
     44             }
     45         }
     46 
     47 
     48         //
     49         public HBProcessBar()
     50         {
     51             _iCurrentValue = 0;
     52         }
     53         private bool _ShowPercent = true;
     54         [
     55         Bindable(true),
     56         Category("HBProcessBar"),
     57         DefaultValue(""),
     58         Description("是否显示100%")
     59         ]
     60         public bool ShowPercent
     61         {
     62             get { return _ShowPercent; }
     63             set { _ShowPercent = value;}
     64         }
     65         private string _borderColor = "#003300";
     66         [
     67         Bindable(true),
     68         Category("HBProcessBar"),
     69         DefaultValue(""),
     70         Description("边框颜色")
     71         ]
     72         public string BorderColors
     73         {
     74             get { return _borderColor ;}
     75             set { _borderColor = value;}
     76         }
     77         private string _border ="1";
     78         [
     79         Bindable(true),
     80         Category("HBProcessBar"),
     81         DefaultValue(""),
     82         Description("边框大小")
     83         ]
     84         public string Border
     85         {
     86             get { return _border; }
     87             set { _border = value;}
     88         }
     89 
     90         private string _StartColor = "green";
     91         [
     92         Bindable(true),
     93         Category("HBProcessBar"),
     94         DefaultValue(""),
     95         Description("渐变开始颜色")
     96         ]
     97         public string StartColor
     98         {
     99             get { return _StartColor ; }
    100             set { _StartColor = value; }
    101         }
    102         private string _EndColor = "GhostWhite";
    103         [
    104         Bindable(true),
    105         Category("HBProcessBar"),
    106         DefaultValue(""),
    107         Description("渐变结束颜色")
    108         ]
    109         public string EndColor
    110         {
    111             get { return _EndColor;}
    112             set { _EndColor = value;}
    113         }
    114         /// <summary> 
    115         /// 将此控件呈现给指定的输出参数。
    116         /// </summary>
    117         /// <param name="output"> 要写出到的 HTML 编写器 </param>
    118         protected override void Render(HtmlTextWriter output)
    119         {
    120             output.Write("<TABLE  cellSpacing='0' cellPadding='0'  height='"+base.Height.ToString()+"'  border='"+this._border+"' borderColor='"+this._borderColor+"'>");
    121             output.Write("<TR>");
    122             output.Write("<TD width='"+base.Width.ToString()+"'>");
    123                 
    124             //正文开始
    125 
    126             output.Write("<TABLE  cellSpacing='0' cellPadding='0' width='"+base.Width.ToString()+"' border='0' height='"+base.Height.ToString()+"");
    127             output.Write("<TR>");
    128             output.Write("<TD>");
    129             //第二个表
    130             output.Write("<TABLE style='FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="+this._StartColor+", EndColorStr="+this._EndColor+" cellSpacing='0' cellPadding='0' width='"+_iCurrentValue.ToString()+"%' border='0' height='"+base.Height.ToString()+"' bgColor='red'>");
    131             
    132             output.Write("<TR><TD align='center'>"+_iCurrentValue.ToString()+"%"+"</TD></TR>");
    133             
    134             output.Write("</TABLE>");
    135             //
    136             output.Write("</TD>");
    137             output.Write("</TR>");
    138             output.Write("</TABLE>");
    139             //正文结束
    140             
    141             output.Write("</TD>");
    142             if(_ShowPercent)
    143             {
    144                 output.Write("<TD width='10'>");
    145                 output.Write("100%");
    146                 output.Write("</TD>");
    147             }
    148             output.Write("</TR>");
    149             //
    150             output.Write("</TABLE>");
    151 
    152         }
    153     }

    下面是源代码:
    进度条控件源代码
    希望大家批评指正。

  • 相关阅读:
    VS远程调试亲历
    IIS7.5 配置虚拟目录的经历
    IE 兼容一问题一小记
    寻找 IBatisNet 批量插入(批量复制) 的心路历程
    Linq 多连接及 left join 实例 记录
    easyui treegrid idField 所在属性中值有花括号(如Guid)当有鼠标事件时会报错,行记录一下
    HDU1754
    HDU1166
    线段树模板
    HDU1599(Floyd最小环)
  • 原文地址:https://www.cnblogs.com/HeroBeast/p/656405.html
Copyright © 2011-2022 走看看