广场 › 开发技术 › 按钮控件

盛夏的果实 发表于 2021-7-22 21:14:09

按钮控件

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.IO;
using MyCmn;
using System.Web.UI.HtmlControls;
using System.Web.UI.Design;
using System.Drawing;

namespace WebCon.MySimple
{
   
   
   
    public class MyButton : CompositeControl,INamingContainer
    {
      protected override HtmlTextWriterTag TagKey
      {
            get
            {
                return HtmlTextWriterTag.Div;
            }
      }

      protected Button TheButton = new Button();


      public Color MouseOverBackColor
      {
            get
            {
                return CmnProc.ToColor( ViewState["MouseOverBackColor"].GetString(Color.Blue.ToHexColorString()) );
            }
            set
            {
                ViewState["MouseOverBackColor"] = value.ToHexColorString();
            }
      }

      public override Color BackColor
      {
            get
            {
                return base.BackColor.IsEmpty ? CmnProc.ToColor("#2e3d52") : base.BackColor;
            }
            set
            {
                base.BackColor = value;
            }
      }


      public Color MouseOverInnerColor
      {
            get
            {
                return CmnProc.ToColor( ViewState["MouseOverInnerColor"].GetString(this.InnerColor.ToHexColorString() ) );
            }
            set
            {
                ViewState["MouseOverInnerColor"] = value.ToHexColorString();
            }
      }

      public Color InnerColor
      {
            get
            {
                return CmnProc.ToColor( ViewState["InnerColor"].GetString("#5A738C") );
            }
            set
            {
                ViewState["InnerColor"] = value.ToHexColorString();
            }
      }

      public int InnerPdding
      {
            get
            {
                return ViewState["BasePdding"].GetInt(2);
            }
            set
            {
                ViewState["BasePdding"] = value;
            }
      }

      public int OuterCornerRadii
      {
            get
            {
                return ViewState["OuterCornerRadii"].GetInt(5);
            }
            set
            {
                ViewState["OuterCornerRadii"] = value;
            }
      }

      public int InnerCornerRadii
      {
            get
            {
                return ViewState["InnerCornerRadii"].GetInt(5);
            }
            set
            {
                ViewState["InnerCornerRadii"] = value;
            }
      }


      public override void RenderBeginTag(HtmlTextWriter writer)
      {
            base.RenderBeginTag(writer);
            writer.Write(string.Format(@"<div style=""width:100%;height:100%;"" id=""{0}_Inner"">"
                , this.ClientID
                ));
      }

      public override void RenderEndTag(HtmlTextWriter writer)
      {
            writer.Write("</div>");
            base.RenderEndTag(writer);

            (this.Page as WebConPage ).RegisterStartup(this.ClientID +"_corner",string.Format(
@" $(""#{0}_Inner"").css(""background-color"",""{6}"").corner(""{1}px"").parent().css(""background-color"",""{7}"").css(""padding"",""{3}px"").corner(""{2}px"") ;
$(""#{0}_Inner"").mouseover(function(){{$(this).css(""background-color"",""{4}"") ;}}) ;
$(""#{0}_Inner"").parent().mouseover(function(){{$(this).css(""background-color"",""{5}"") ;}}) ;
$(""#{0}_Inner"").mouseout(function(){{$(this).css(""background-color"",""{6}"") ;}}) ;
$(""#{0}_Inner"").parent().mouseout(function(){{$(this).css(""background-color"",""{7}"") ;}}) ;
$(""#{0}_Inner"").parent().bind(""click"",function(){{$(""#{8}"" ).trigger(""click"");}} ) ;"
                , this.ClientID
                , this.InnerCornerRadii
                , this.OuterCornerRadii
                , this.InnerPdding
                , this.MouseOverInnerColor.ToHexColorString()
                , this.MouseOverBackColor.ToHexColorString()
                , this.InnerColor.ToHexColorString()
                , this.BackColor.ToHexColorString()
                , this.TheButton.ClientID
                ) , true);
      }

      protected override void CreateChildControls()
      {
            TheButton.ID = "btnOK";
            TheButton.Style[ HtmlTextWriterStyle.Display ] = "none" ;


            this.Controls.Add(TheButton);
            base.CreateChildControls();
            ChildControlsCreated = true;
      }

      private static readonly object ClickEvent = new object();

      public event EventHandler Click
      {
            add
            {
                Events.AddHandler(ClickEvent, value);
            }
            remove
            {
                Events.RemoveHandler(ClickEvent, value);
            }
      }

      public string Text
      {
            get
            {
                return this.TheButton.Text;
            }
            set
            {
                this.TheButton.Text = value;
            }
      }

      protected virtual void OnClick(EventArgs args)
      {
            EventHandler handler = Events as EventHandler;
            if (handler != null)
                handler(this, args);
      }

      protected override bool OnBubbleEvent(object source, EventArgs args)
      {
            bool handled = false;

            CommandEventArgs ce = args as CommandEventArgs;
            if (source is Button && source == TheButton)
            {
                OnClick(args);

                handled = true;
            }
            return handled;
      }
    }
}
后来, 发现,其实按钮的多种效果, 最直接最简单的方式是ImageButton .要设置动态样式, 只要加上两个属性就可以了.这种方式也不复杂嘛.<asp:ImageButton ID="imgBtn" runat="server" ImageUrl="~/Img/yhdl-1.gif" onmouseover="javascript:this.src='../Img/about.jpg';"
            onmouseout="javascript:this.src='../Img/yhdl-1.gif';" />作者：NewSea
如无特别标记说明，均为NewSea原创，版权私有，翻载必纠。欢迎交流，转载，但要在页面明显位置给出原文连接。谢谢。



文档来源：51CTO技术博客https://blog.51cto.com/u_15309889/3168832

查看完整版本: 按钮控件