RedYell_Bar.cs
using System;using System.Web.UI;using System.Web.UI.WebControls;using System.ComponentModel;using System.Drawing;namespace RedYellBar
{
/**//// <summary>
/// RedYell_Bar の概要の説明です。
/// </summary> [ToolboxData("<{0}:RedYell_Bar runat=server Width=200 Height=55></{0}:RedYell_Bar>")] public class RedYell_Bar : WebControl,System.Web.UI.INamingContainer { //公共属性 private int redValue=-1; private decimal yellValue=-1; //広域変数 public static Unit GlobalWidth=200; public static Unit GlobalHeight=55; public static int RedMax=999; public static decimal YellMax=9999999; public static int BarSize=9; public static string RedBarColor="#FF0000"; public static string YellBarColor="#FFFF00"; //私有変数 private string redText; private string yellText; private string yellMaxText; private double redBarMaxWidth; private double yellBarMaxWidth; private double redBarWidth; private double yellBarWidth; private int commaCount; //私有定数 private const double SingleWidthRed=10.5; private const double SingleWidthYell=9.0; private const double SingleWidthComma=5.0; 公共属性#region 公共属性 public int RedValue { get { return redValue; } set { redValue=value; CreateChildControls(); } } public decimal YellValue { get { return yellValue; } set { yellValue=value; CreateChildControls(); } } #endregion protected override void CreateChildControls() { this.Controls.Clear(); if(redValue!=-1&&yellValue!=-1) { BuildControlHierarchy(); } } private void BuildControlHierarchy() { TextBox TextBox_Red=new TextBox(); TextBox TextBox_Yell=new TextBox(); Label Label_Red=new Label(); Label Label_Yell=new Label(); TextBox_Red.ReadOnly=true; TextBox_Red.BackColor=ColorTranslator.FromHtml(RedBarColor); TextBox_Red.BorderStyle=BorderStyle.None; TextBox_Yell.ReadOnly=true; TextBox_Yell.BackColor=ColorTranslator.FromHtml(YellBarColor); TextBox_Yell.BorderStyle=BorderStyle.None; //故障許容 if(redValue>RedMax) { redValue=RedMax; } else if(redValue<0) { redValue=0; } if(yellValue>YellMax) { yellValue=YellMax; } else if(yellValue<0) { yellValue=0; } if(GlobalWidth.Value<100) { GlobalWidth=100; } redText=redValue.ToString(); yellText=yellValue.ToString("C"); yellMaxText=YellMax.ToString("C"); commaCount=0; for(int i=0;i<yellMaxText.Length;i++) { if(yellMaxText[i]==',') { commaCount++; } } //Barの最大の幅を計算します redBarMaxWidth=GlobalWidth.Value-RedMax.ToString().Length*SingleWidthRed; yellBarMaxWidth=GlobalWidth.Value-(yellMaxText.Length-commaCount)*SingleWidthYell-commaCount*SingleWidthComma; if(yellBarMaxWidth<0) { yellBarMaxWidth=(yellMaxText.Length-commaCount)*SingleWidthYell+commaCount*SingleWidthComma; } //Barの幅を計算します redBarWidth=(redBarMaxWidth/RedMax)*redValue; yellBarWidth=(yellBarMaxWidth/(double)YellMax)*(double)yellValue; //内部のコンポーネントの属性を設けます Label_Red.Text=redText; Label_Yell.Text=yellText; TextBox_Red.Width=(Unit)redBarWidth; TextBox_Yell.Width=(Unit)yellBarWidth; TextBox_Red.Height=BarSize; TextBox_Yell.Height=BarSize; //UIを表示すります this.Controls.Add(new LiteralControl("<table align=\"right\"><tr><td align=\"right\">")); this.Controls.Add(Label_Red); this.Controls.Add(TextBox_Red); this.Controls.Add(new LiteralControl("</td></tr><tr><td align=\"right\">")); this.Controls.Add(Label_Yell); this.Controls.Add(TextBox_Yell); this.Controls.Add(new LiteralControl("</td></tr></table>")); this.Width=GlobalWidth; this.Height=GlobalHeight; } }
}
Red_Bar.cs 控件二,显示多个Bar
Red_Bar.cs
using System;using System.Web.UI;using System.Web.UI.WebControls;using System.ComponentModel;using System.Collections;using System.Drawing;namespace RedYellBar{ /**//// <summary> /// Red_Bar の概要の説明です。 /// </summary> [ToolboxData("<{0}:Red_Bar runat=server Width=200 Height=20></{0}:Red_Bar>")] public class Red_Bar : WebControl,System.Web.UI.INamingContainer { //公共属性 private ArrayList redValues=new ArrayList(); //広域変数 public static int MaxValue=999; public static int BarSize=9; public static Unit GlobalWidth=200; public static string BarColor="#FF0000"; //私有変数 private string maxValueText; private int red_value; private string lableText; private double barMaxWidth; private double barWidth; //私有定数 private const double SingleWidth=10; 公共属性#region 公共属性 public ArrayList RedValues { get { return redValues; } set { redValues = value; CreateChildControls(); } } #endregion protected override void CreateChildControls() { this.Controls.Clear(); if(GlobalWidth.Value <100) { GlobalWidth=100; } //Barの最大の幅を計算します maxValueText=MaxValue.ToString(); barMaxWidth=GlobalWidth.Value-maxValueText.ToString().Length*SingleWidth; if(barMaxWidth<0) { barMaxWidth=maxValueText.ToString().Length*SingleWidth; } for(int i=0;i<redValues.Count;i++) { red_value=Int32.Parse(redValues[i].ToString()); //故障許容 if(red_value>MaxValue) { red_value=MaxValue; } else if(red_value<0) { red_value=0; } lableText=red_value.ToString(); //Barの幅を計算します barWidth=(barMaxWidth/MaxValue)*red_value; TextBox textbox=new TextBox(); textbox.ReadOnly=true; textbox.BackColor=ColorTranslator.FromHtml(BarColor); textbox.BorderStyle=BorderStyle.None; textbox.Width=(Unit)barWidth; textbox.Height=BarSize; Label lable=new Label(); lable.Text=lableText; //UIを表示すります this.Controls.Add(textbox); this.Controls.Add(lable); this.Controls.Add(new LiteralControl("<br>")); this.Width=GlobalWidth; } } }}
WebForm1.aspx 测试页面
WebForm1.aspx
<%@ Register TagPrefix="cc1" Namespace="RedYellBar" Assembly="RedYellBar" %><%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="RedYellBar.WebForm1" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><HTML> <HEAD> <title>WebForm1</title> <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"> <meta content="C#" name="CODE_LANGUAGE"> <meta content="JavaScript" name="vs_defaultClientScript"> <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"> </HEAD> <body MS_POSITIONING="GridLayout"> <form id="Form1" method="post" runat="server"> <asp:TextBox id="TextBox_Height" style="Z-INDEX: 116; LEFT: 360px; POSITION: absolute; TOP: 24px" runat="server" Width="56px" tabIndex="2">55</asp:TextBox> <asp:TextBox id="TextBox_BarColor" style="Z-INDEX: 151; LEFT: 584px; POSITION: absolute; TOP: 144px" runat="server">#FF0000</asp:TextBox> <asp:TextBox id="TextBox_YellBarColor" style="Z-INDEX: 150; LEFT: 584px; POSITION: absolute; TOP: 104px" runat="server">#FFFF00</asp:TextBox> <asp:Label id="Label27" style="Z-INDEX: 147; LEFT: 480px; POSITION: absolute; TOP: 144px" runat="server">Barの色（B）：</asp:Label> <asp:Label id="Label26" style="Z-INDEX: 146; LEFT: 480px; POSITION: absolute; TOP: 104px" runat="server">Bar2の色（A）：</asp:Label> <asp:Button id="Button2" style="Z-INDEX: 144; LEFT: 856px; POSITION: absolute; TOP: 104px" tabIndex="50" runat="server" Width="60px" Height="60px" Text="初期化"></asp:Button> <asp:TextBox id="TextBox_B2_Values" style="Z-INDEX: 142; LEFT: 208px; POSITION: absolute; TOP: 712px" tabIndex="14" runat="server" Width="152px">400,300,200,100</asp:TextBox> <asp:Label id="Label24" style="Z-INDEX: 141; LEFT: 136px; POSITION: absolute; TOP: 720px" runat="server">件数値：</asp:Label> <asp:Label id="Label23" style="Z-INDEX: 140; LEFT: 64px; POSITION: absolute; TOP: 720px" runat="server">例2：</asp:Label> <asp:Label id="Label22" style="Z-INDEX: 139; LEFT: 24px; POSITION: absolute; TOP: 720px" runat="server">B：</asp:Label> <asp:Label id="Label21" style="Z-INDEX: 137; LEFT: 136px; POSITION: absolute; TOP: 544px" runat="server">件数値：</asp:Label> <asp:Label id="Label20" style="Z-INDEX: 136; LEFT: 24px; POSITION: absolute; TOP: 456px" runat="server">A：</asp:Label> <asp:Label id="Label19" style="Z-INDEX: 135; LEFT: 24px; POSITION: absolute; TOP: 352px" runat="server">A：</asp:Label> <asp:Label id="Label18" style="Z-INDEX: 134; LEFT: 24px; POSITION: absolute; TOP: 544px" runat="server">B：</asp:Label> <asp:Label id="Label17" style="Z-INDEX: 133; LEFT: 24px; POSITION: absolute; TOP: 232px" runat="server">A：</asp:Label> <asp:TextBox id="TextBox_B1_Values" style="Z-INDEX: 132; LEFT: 208px; POSITION: absolute; TOP: 536px" tabIndex="13" runat="server" Width="152px">999,200,300,400</asp:TextBox> <asp:Label id="Label16" style="Z-INDEX: 131; LEFT: 64px; POSITION: absolute; TOP: 544px" runat="server">例１：</asp:Label> <asp:TextBox id="TextBox_BarSize" style="Z-INDEX: 130; LEFT: 264px; POSITION: absolute; TOP: 64px" runat="server" tabIndex="4">9</asp:TextBox> <asp:TextBox id="TextBox_RedValue3" style="Z-INDEX: 123; LEFT: 208px; POSITION: absolute; TOP: 440px" runat="server" tabIndex="11">400</asp:TextBox> <asp:Label id="Label14" style="Z-INDEX: 111; LEFT: 136px; POSITION: absolute; TOP: 480px" runat="server">銭数値：</asp:Label> <asp:Label id="Label13" style="Z-INDEX: 103; LEFT: 136px; POSITION: absolute; TOP: 440px" runat="server">件数値：</asp:Label> <asp:TextBox id="TextBox_YellValue3" style="Z-INDEX: 107; LEFT: 208px; POSITION: absolute; TOP: 480px" runat="server" tabIndex="12">4561235</asp:TextBox> <asp:Label id="Label12" style="Z-INDEX: 120; LEFT: 64px; POSITION: absolute; TOP: 456px" runat="server">例3：</asp:Label> <asp:TextBox id="TextBox_RedValue2" style="Z-INDEX: 122; LEFT: 208px; POSITION: absolute; TOP: 328px" runat="server" tabIndex="9">800</asp:TextBox> <asp:Label id="Label11" style="Z-INDEX: 110; LEFT: 136px; POSITION: absolute; TOP: 368px" runat="server">銭数値：</asp:Label> <asp:Label id="Label10" style="Z-INDEX: 102; LEFT: 136px; POSITION: absolute; TOP: 328px" runat="server">件数値：</asp:Label> <asp:TextBox id="TextBox_YellValue1" style="Z-INDEX: 105; LEFT: 208px; POSITION: absolute; TOP: 248px" runat="server" tabIndex="8">9999999</asp:TextBox> <asp:Label id="Label9" style="Z-INDEX: 118; LEFT: 64px; POSITION: absolute; TOP: 232px" runat="server">例１：</asp:Label> <asp:TextBox id="TextBox_RedValue1" style="Z-INDEX: 121; LEFT: 208px; POSITION: absolute; TOP: 208px" runat="server" tabIndex="7">999</asp:TextBox> <asp:Label id="Label8" style="Z-INDEX: 109; LEFT: 136px; POSITION: absolute; TOP: 256px" runat="server">銭数値：</asp:Label> <asp:Label id="Label7" style="Z-INDEX: 101; LEFT: 136px; POSITION: absolute; TOP: 216px" runat="server">件数値：</asp:Label> <asp:TextBox id="TextBox_RedMax" style="Z-INDEX: 104; LEFT: 264px; POSITION: absolute; TOP: 104px" runat="server" tabIndex="5">999</asp:TextBox> <asp:Label id="Label4" style="Z-INDEX: 115; LEFT: 280px; POSITION: absolute; TOP: 24px" runat="server">高さ（A）：</asp:Label> <asp:TextBox id="TextBox_YellMax" style="Z-INDEX: 112; LEFT: 264px; POSITION: absolute; TOP: 144px" runat="server" tabIndex="6">9999999</asp:TextBox> <asp:Label id="Label2" style="Z-INDEX: 108; LEFT: 136px; POSITION: absolute; TOP: 144px" runat="server">銭数最大値（A）：</asp:Label> <asp:Label id="Label1" style="Z-INDEX: 100; LEFT: 136px; POSITION: absolute; TOP: 104px" runat="server">件数最大値（AB）：</asp:Label> <asp:TextBox id="TextBox_YellValue2" style="Z-INDEX: 106; LEFT: 208px; POSITION: absolute; TOP: 368px" runat="server" tabIndex="10">8564253</asp:TextBox> <asp:Label id="Label3" style="Z-INDEX: 113; LEFT: 136px; POSITION: absolute; TOP: 24px" runat="server">幅（AB）：</asp:Label> <asp:TextBox id="TextBox_Width" style="Z-INDEX: 114; LEFT: 208px; POSITION: absolute; TOP: 24px" runat="server" Width="56px" tabIndex="1">200</asp:TextBox> <asp:Label id="Label5" style="Z-INDEX: 117; LEFT: 16px; POSITION: absolute; TOP: 104px" runat="server">全体設置：</asp:Label> <asp:Label id="Label6" style="Z-INDEX: 119; LEFT: 64px; POSITION: absolute; TOP: 352px" runat="server">例2：</asp:Label> <cc1:RedYell_Bar id="RedYell_Bar1" style="Z-INDEX: 124; LEFT: 384px; POSITION: absolute; TOP: 216px" runat="server" Height="55" Width="200"></cc1:RedYell_Bar> <cc1:RedYell_Bar id="RedYell_Bar2" style="Z-INDEX: 125; LEFT: 384px; POSITION: absolute; TOP: 328px" runat="server" Height="55" Width="200"></cc1:RedYell_Bar> <cc1:RedYell_Bar id="RedYell_Bar3" style="Z-INDEX: 126; LEFT: 384px; POSITION: absolute; TOP: 440px" runat="server" Height="55" Width="200"></cc1:RedYell_Bar> <asp:CheckBox id="CheckBox_Border" style="Z-INDEX: 127; LEFT: 432px; POSITION: absolute; TOP: 24px" runat="server" Text="へり（AB）" Checked="True" tabIndex="3"></asp:CheckBox> <asp:Button id="Button1" style="Z-INDEX: 128; LEFT: 776px; POSITION: absolute; TOP: 104px" runat="server" Height="60px" Width="60px" Text="OK" tabIndex="100"></asp:Button> <asp:Label id="Label15" style="Z-INDEX: 129; LEFT: 136px; POSITION: absolute; TOP: 64px" runat="server">Barの高さ（AB）：</asp:Label> <cc1:Red_Bar id="Red_Bar1" style="Z-INDEX: 138; LEFT: 384px; POSITION: absolute; TOP: 544px" runat="server" Width="200" Height="20px"></cc1:Red_Bar> <cc1:Red_Bar id="Red_Bar2" style="Z-INDEX: 143; LEFT: 384px; POSITION: absolute; TOP: 720px" runat="server" Width="200" Height="20px"></cc1:Red_Bar> <asp:Label id="Label25" style="Z-INDEX: 145; LEFT: 480px; POSITION: absolute; TOP: 64px" runat="server">Bar1の色（A）：</asp:Label> <asp:TextBox id="TextBox_RedBarColor" style="Z-INDEX: 148; LEFT: 584px; POSITION: absolute; TOP: 64px" runat="server">#FF0000</asp:TextBox></form> </body></HTML>
WebForm1.aspx.cs 测试页面后台
WebForm1.aspx.cs
using System;using System.Collections;using System.ComponentModel;using System.Data;using System.Drawing;using System.Web;using System.Web.SessionState;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.HtmlControls;namespace RedYellBar{ /**//// <summary> /// WebForm1 の概要の説明です。 /// </summary> public class WebForm1 : System.Web.UI.Page { protected System.Web.UI.WebControls.Label Label1; protected System.Web.UI.WebControls.Label Label2; protected System.Web.UI.WebControls.Label Label3; protected System.Web.UI.WebControls.Label Label4; protected System.Web.UI.WebControls.Label Label5; protected System.Web.UI.WebControls.Label Label6; protected System.Web.UI.WebControls.Label Label7; protected System.Web.UI.WebControls.Label Label8; protected System.Web.UI.WebControls.Label Label9; protected System.Web.UI.WebControls.Label Label10; protected System.Web.UI.WebControls.Label Label11; protected System.Web.UI.WebControls.Label Label12; protected System.Web.UI.WebControls.Label Label13; protected System.Web.UI.WebControls.Label Label14; protected RedYellBar.RedYell_Bar RedYell_Bar1; protected RedYellBar.RedYell_Bar RedYell_Bar2; protected RedYellBar.RedYell_Bar RedYell_Bar3; protected System.Web.UI.WebControls.TextBox TextBox_Width; protected System.Web.UI.WebControls.TextBox TextBox_Height; protected System.Web.UI.WebControls.CheckBox CheckBox_Border; protected System.Web.UI.WebControls.TextBox TextBox_YellValue2; protected System.Web.UI.WebControls.TextBox TextBox_YellMax; protected System.Web.UI.WebControls.TextBox TextBox_RedMax; protected System.Web.UI.WebControls.TextBox TextBox_RedValue1; protected System.Web.UI.WebControls.TextBox TextBox_RedValue2; protected System.Web.UI.WebControls.TextBox TextBox_YellValue3; protected System.Web.UI.WebControls.TextBox TextBox_RedValue3; protected System.Web.UI.WebControls.Label Label15; protected System.Web.UI.WebControls.TextBox TextBox_BarSize; protected System.Web.UI.WebControls.TextBox TextBox_YellValue1; protected System.Web.UI.WebControls.Label Label16; protected System.Web.UI.WebControls.TextBox TextBox_B1_Values; protected System.Web.UI.WebControls.Label Label17; protected System.Web.UI.WebControls.Label Label18; protected System.Web.UI.WebControls.Label Label19; protected System.Web.UI.WebControls.Label Label20; protected System.Web.UI.WebControls.Label Label21; protected RedYellBar.Red_Bar Red_Bar1; protected System.Web.UI.WebControls.Label Label22; protected System.Web.UI.WebControls.Label Label23; protected System.Web.UI.WebControls.Label Label24; protected System.Web.UI.WebControls.TextBox TextBox_B2_Values; protected RedYellBar.Red_Bar Red_Bar2; protected System.Web.UI.WebControls.Button Button2; protected System.Web.UI.WebControls.Label Label25; protected System.Web.UI.WebControls.Label Label26; protected System.Web.UI.WebControls.Label Label27; protected System.Web.UI.WebControls.TextBox TextBox_RedBarColor; protected System.Web.UI.WebControls.TextBox TextBox_YellBarColor; protected System.Web.UI.WebControls.TextBox TextBox_BarColor; protected System.Web.UI.WebControls.Button Button1; private void Page_Load(object sender, System.EventArgs e) { // ページを初期化するユーザー コードをここに挿入します。 } Web フォーム デザイナで生成されたコード#region Web フォーム デザイナで生成されたコード override protected void OnInit(EventArgs e) { // // CODEGEN: この呼び出しは、ASP.NET Web フォーム デザイナで必要です。 // InitializeComponent(); base.OnInit(e); } /**//// <summary> /// デザイナ サポートに必要なメソッドです。このメソッドの内容を /// コード エディタで変更しないでください。 /// </summary> private void InitializeComponent() { this.Load += new System.EventHandler(this.Page_Load); } #endregion private void Button1_Click(object sender, System.EventArgs e) { RedYell_Bar.GlobalWidth=Unit.Parse(TextBox_Width.Text); RedYell_Bar.GlobalHeight=Unit.Parse(TextBox_Height.Text); RedYell_Bar.RedMax =Int32.Parse(TextBox_RedMax.Text); RedYell_Bar.YellMax=Decimal.Parse(TextBox_YellMax.Text); RedYell_Bar.BarSize=Int32.Parse(TextBox_BarSize.Text); RedYell_Bar.RedBarColor=TextBox_RedBarColor.Text; RedYell_Bar.YellBarColor=TextBox_YellBarColor.Text; RedYell_Bar1.RedValue=Int32.Parse(TextBox_RedValue1.Text); RedYell_Bar1.YellValue=Decimal.Parse(TextBox_YellValue1.Text); RedYell_Bar2.RedValue=Int32.Parse(TextBox_RedValue2.Text); RedYell_Bar2.YellValue=Decimal.Parse(TextBox_YellValue2.Text); RedYell_Bar3.RedValue=Int32.Parse(TextBox_RedValue3.Text); RedYell_Bar3.YellValue=Decimal.Parse(TextBox_YellValue3.Text); Red_Bar.GlobalWidth=Unit.Parse(TextBox_Width.Text); Red_Bar.MaxValue=Int32.Parse(TextBox_RedMax.Text); Red_Bar.BarSize=Int32.Parse(TextBox_BarSize.Text); Red_Bar.BarColor=TextBox_BarColor.Text; Red_Bar1.RedValues=ArrayList.Adapter(TextBox_B1_Values.Text.Split(',')); Red_Bar2.RedValues=ArrayList.Adapter(TextBox_B2_Values.Text.Split(',')); if(CheckBox_Border.Checked) { RedYell_Bar1.BorderWidth=1; RedYell_Bar2.BorderWidth=1; RedYell_Bar3.BorderWidth=1; Red_Bar1.BorderWidth=1; Red_Bar2.BorderWidth=1; } else { RedYell_Bar1.BorderWidth=0; RedYell_Bar2.BorderWidth=0; RedYell_Bar3.BorderWidth=0; Red_Bar1.BorderWidth=0; Red_Bar2.BorderWidth=0; } } private void Button2_Click(object sender, System.EventArgs e) { Response.Redirect("WebForm1.aspx"); } }}
RedYellBar.xls 控件说明文档
RedYellBar.xls
RedYell_Bar クラス Web ページ上に統計図を表示します。 広域変数： 属性名 タイプ 既定値 説明 GlobalWidth Unit 200 統計図の幅を取得または設定します。 GlobalHeight Unit 55 統計図の高さを取得または設定します。 RedMax int 999 件数最大値を取得または設定します。 YellMax decimal 9999999 銭数最大値を取得または設定します。 BarSize int 9 Barの高さを取得または設定します。 RedBarColor string #FF0000 件数Barの色さを取得または設定します。 YellBarColor string #FFFF00 銭数Barの色さを取得または設定します。 カスタムパブリック プロパティ： 属性名 タイプ 既定値 説明 RedValue int -1 件数値を取得または設定します。 YellValue decimal -1 銭数値を取得または設定します。 Red_Bar クラス Web ページ上に統計図を表示します。 広域変数： 属性名 タイプ 既定値 説明 GlobalWidth Unit 200 統計図の幅を取得または設定します。 MaxValue int 999 件数最大値を取得または設定します。 BarSize int 9 Barの高さを取得または設定します。 BarColor string #FF0000 Barの色さを取得または設定します。 カスタムパブリック プロパティ： 属性名 タイプ 既定値 説明 RedValues ArrayList なし 件数値の配列を取得または設定します。配列要素はstringタイプです。 継承メンバ： .NET Framework クラス ライブラリ System.Web.UI.WebControls WebControl メンバ を参照してください。 注意事項： ①広域変数は一回設ける、広域で発効します。クラスの名称を通じて訪問します（例えば：RedYell_Bar.GlobalWidth=300）。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
