[原]把一个简单计算器做成Web自定义控件

 

这次，我们就继《动态创建Web控件制做计算器》的文章，把Web控件制作的就算器做成一个Web控件，首先，打开vs2005，文件/新建/项目，如下图：

 

在visual C#中选择Windows 在模版里面选择Web控件库，输入名称和存储位置，点确定。进入代码区以后，删掉默认的Text属性，开始写我们的代码，先修该一些必要的属性，以至于让我们自己做的控件像一个产品。

    将控件类名字从默认的WebCustomControl1.cs改为CalculatorControl.cs，同时，代码里面的类名字也要改的和它一样，类上面的ToolboxData属性也要做响应的修改，改成[ToolboxData("<{0}:CalculatorControl runat=server></{0}:CalculatorControl>")]，注意的是上面修改的三处的类名必须相同，如果不同写的控件将不能用。然后打开AssemblyInfo.cs文件，在命名空间中引入using System.Web.UI;在下面属性里加一个[assembly: TagPrefix("WebControlLibrary1", "liu")]，其中第一个参数是工程的命名空间，第二个是控件以后拖动到网页上以后<>标签里面显示的名字，比如，我们第二个参数写成liu，控件拖动到网页上以后，就显示成<liu:CalculatorControl ID="CalculatorControl1" runat="server" />。完了以后可以根据需要，修改上面的公司名称，版权等属性做完这些工作开始写代码。

注意的是Web自定义控件的编写过程是不可视的，所有的控件、控件的事件都必须写代码来完成，初步规划编写的步骤：先写一个构造函数，在构造函数里面完成算器的界面的创建。然后再定义创建按钮的函数，和写按钮要响应的事件最后重写绘制的方法RenderContents。写完后，整个程序代码如下：

using  System;
using  System.Collections.Generic;
using  System.ComponentModel;
using  System.Text;
using  System.Web;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.HtmlControls;
namespace  WebControlLibrary1
{
    [ToolboxData("<{0}:CalculatorControl runat=server></{0}:CalculatorControl>")]
    public class CalculatorControl : WebControl
    {
        //定义两个操作数
        static double Num1;
        static double Num2;
        //记录操作符
        static string OperatorF;
        //判断“=”是否被点击过，每次操作时清空上次操作的记录
        static bool ReOperator = false;
        //容器，容纳所有控件
        Panel CT = new Panel();
        TextBox txtShow = new TextBox();

        /**//// <summary>
        /// 构造函数，在此函数里面动态的创建计算器的界面
        /// </summary>
        public CalculatorControl()
        {
            txtShow.Width = 95;
            CT.Controls.Add(txtShow);
            HtmlGenericControl htmlString = new HtmlGenericControl();
            htmlString.InnerHtml = "<br>";
            CT.Controls.Add(htmlString);
            for (int i = 0, I = 1; i < 3; i++)
            {
                string[] Op = { "+", "-", "*" };
                string[] CharOp = { "jia", "jian", "cheng" };
                for (int j = 0; j < 3; j++)
                {
                    CT.Controls.Add(CreateBtn(I.ToString()));
                    I++;
                }
                Button OperBtn = new Button();
                OperBtn.Text = Op[i];
                OperBtn.ID = CharOp[i];
                OperBtn.Width = 25;
                OperBtn.Click += new EventHandler(Btn_Click);
                CT.Controls.Add(OperBtn);
                HtmlGenericControl htmlStr = new HtmlGenericControl();
                htmlStr.InnerHtml = "<br>";
                CT.Controls.Add(htmlStr);
            }
            CT.Controls.Add(CreateBtn("Backspace", "B"));
            CT.Controls.Add(CreateBtn("Clear", "C"));
            CT.Controls.Add(CreateBtn("deng", "="));
            CT.Controls.Add(CreateBtn("chu", "/"));
            //自己定义的将控件添加到当前Web控件，没有这一步，上面创建的所有控件不会响应事件
            this.Controls.Add(CT);
        }

        protected override void RenderContents(HtmlTextWriter output)
        {
           CT.RenderControl(output);
        }

        /**//// <summary>
        /// 创建操作数按钮的函数
        /// </summary>
        /// <param name="Num">操作数</param>
        /// <returns>返回一个按钮</returns>
        public Button CreateBtn(string Num)
        {
            Button NumBtn = new Button();
            NumBtn.Text = Num;
            NumBtn.ID = "ID" + Num;
            NumBtn.Width = 25;
            NumBtn.Click += new EventHandler(Btn_Click);
            return NumBtn;
        }

        /**//// <summary>
        /// 创建操作符按钮的函数
        /// </summary>
        /// <param name="ID">按钮的ID号</param>
        /// <param name="Operator">操作符</param>
        /// <returns>返回一个按钮</returns>
        public Button CreateBtn(string ID, string Operator)
        {
            Button OperBtn = new Button();
            OperBtn.Text = Operator;
            OperBtn.ID = ID;
            OperBtn.Width = 25;
            OperBtn.Click += new EventHandler(Btn_Click);
            return OperBtn;
        }

        /**//// <summary>
        /// 定义按钮响应的事件，所有按钮通用一个事件，用按钮的Text属性区分要执行的操作
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        public void Btn_Click(object sender, EventArgs e)
        {
            string BtnText = ((Button)sender).Text;
            switch (BtnText)
            {
                case "+":
                    Num1 = int.Parse(txtShow.Text);
                    OperatorF = BtnText;
                    txtShow.Text = "";
                    break;
                case "-":
                    Num1 = int.Parse(txtShow.Text);
                    OperatorF = BtnText;
                    txtShow.Text = "";
                    break;
                case "*":
                    Num1 = int.Parse(txtShow.Text);
                    OperatorF = BtnText;
                    txtShow.Text = "";
                    break;
                case "/":
                    Num1 = int.Parse(txtShow.Text);
                    OperatorF = BtnText;
                    txtShow.Text = "";
                    break;
                case "=":
                    if (OperatorF == "+")
                    {
                        Num2 = Num1 + double.Parse(txtShow.Text);
                        txtShow.Text = Num2.ToString();
                    }
                    else if (OperatorF == "-")
                    {
                        Num2 = Num1 - double.Parse(txtShow.Text);
                        txtShow.Text = Num2.ToString();
                    }
                    else if (OperatorF == "*")
                    {
                        Num2 = Num1 * double.Parse(txtShow.Text);
                        txtShow.Text = Num2.ToString();
                    }
                    else if (OperatorF == "/")
                    {
                        Num2 = Num1 / double.Parse(txtShow.Text);
                        txtShow.Text = Num2.ToString();
                    }
                    ReOperator = true;
                    break;
                case "C":
                    txtShow.Text = "";
                    Num1 = Num2 = 0;
                    break;
                case "B":
                    if (txtShow.Text.Length >= 1)
                    {
                        txtShow.Text = txtShow.Text.Substring(0, txtShow.Text.Length - 1);
                        if (txtShow.Text != "")
                            Num1 = int.Parse(txtShow.Text);
                        else
                            Num1 = 0;
                    }
                    break;
                default:
                    if (ReOperator)
                    {
                        txtShow.Text = "";
                        Num1 = Num2 = 0;
                        ReOperator = false;
                    }
                    txtShow.Text += BtnText;
                    break;
            }
        }
    }
}

和上一篇文章相比，这次我们在布局上减少了很多代码，这次没有用表格进行布局，而是创建了一个panel控件作为容器，然后把所有的控件都放在它的上面，引入了System.Web.UI.HtmlControls命名空间，用它里面的方法控制换行。Web控件就编写完了，先生成一下，再建立一个网页进行测试。

在解决方案上面单击右键，添加/新建网站，如图：

 

选择ASP.NET网站，选好存储路径，语言选C＃，确定。进入页面以后，将网页设为起始页，在工具箱上单击右键/选择项，打开对话框，如下图：

点击浏览，选择我们刚生成的控件，点击确定，就将控件添加进工具箱了，如图：

然后将控件拖放到网页上面，网页代码如下：

<% @ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default"  %>
<% @ Register Assembly="Calculator" Namespace="WebControlLibrary1" TagPrefix="liu"  %>
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title > 测试计算器控件 </ title >
</ head >
< body >
     < form  id ="form1"  runat ="server" >
     < div >
         < liu:CalculatorControl  ID ="CalculatorControl1"  runat ="server"   />
        </ div >
     </ form >
</ body >
</ html >

运行进行测试，结果如下图：

这样一个Web自定义控件就制作完成了，虽然这个控件的功能很不完整，甚至连0 都没有，但是我在制作过程，还是遇到了一些困难，不如：更改控件拖放到网页上标签的名字，控件无法响应事件等等，解决了问题，也学到一些东西，不足的地方大家有兴趣可以完善。

转载于:https://www.cnblogs.com/salonliudong/archive/2007/06/04/771295.html