ASP.net——一个完整的支持最小化的自定义Panel控件

这是一个完整的自定义控件，事件相应，自定义属性等都有涉及。为了方便，直接从Panel继承。

这是我写的第一个控件（其实我尝试学习和使用ASP.net也只不过三周），如果有什么批评和建议，欢迎联系！

using  System;
using  System.Data;
using  System.Collections;
using  System.Collections.Specialized;
using  System.ComponentModel;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;
using  System.Drawing.Design;

namespace  CustomObject
... {
    /**//// <summary>
    /// 一个Panel的扩展控件，支持最大化和最小化的缩放。
    /// 
    /// ------------------
    /// 2007/8/30
    /// 李兰非
    /// Beat 1
    /// Thesmallcar@Gmail.com
    /// ------------------
    /// 
    /// 目前完成了主要的功能，对属性窗口进行了最基本的控制，例如对图片选择的属性，增加了路径选择窗口。
    /// 
    /// </summary>
    ///

    [DefaultProperty("Title")]
    [ToolboxData("<{0}:MinimizePanel runat=server></{0}:MinimizePanel>")]
    public class MinimizePanel : Panel, INamingContainer
    ...{
        public MinimizePanel()
        ...{
            IsMinimum = false;
            Title = "标题";
            Height = 100;
            Width = 100;
        }

        --public 属性 : 标题#region --public 属性 : 标题
        private Label TitleLabel = new Label();
        
        [Bindable(true)]
        [Category("Appearance")]
        [DefaultValue("标题")]
        [Description("标题。")]
        public String Title
        ...{
            get
            ...{
                String s = this.TitleLabel.Text;
                return s;
            }
            set
            ...{
                TitleLabel.Text = value;
            }
        }
        #endregion

        --public 属性 : 最小化标志#region --public 属性 : 最小化标志
        [Bindable(false)]
        [Category("Behavior")]        
        [Description("是否为最大化。")]
        [DefaultValue(false)]
        public bool IsMinimum
        ...{
            get
            ...{
                bool b = (bool)ViewState["IsMinimum"];
                return b;
            }
            set
            ...{
                ViewState["IsMinimum"] = value;
            }
        }
        #endregion

        --public 属性 : 宽度#region --public 属性 : 宽度
        [Bindable(false)]
        [Category("Layout")]
        [Description("宽度。")]
        [DefaultValue(100)]
        public override Unit Width
        ...{
            get
            ...{
                Unit w = (Unit)ViewState["Width"];
                return w;
            }
            set
            ...{
                ViewState["Width"] = value;
            }
        }
        #endregion

        --public 属性 : 高度#region --public 属性 : 高度
        [Bindable(false)]
        [Category("Layout")]
        [Description("高度。")]
        [DefaultValue(100)]
        public override Unit Height
        ...{
            get
            ...{
                Unit h = (Unit)ViewState["Height"];
                return h;
            }
            set
            ...{
                ViewState["Height"] = value;
            }
        }
        #endregion        

        --public 属性 : TopLeft图片#region --public 属性 : TopLeft图片
        private Image TopLeft = new Image();
        [Bindable(false)]
        [Category("Appearance")]
        [Description("Top Left图片。")]
        [DefaultValue("")]
        [UrlProperty]
        [Editor("System.Web.UI.Design.ImageUrlEditor, System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a", typeof(UITypeEditor))]
        public String TopLeftImage
        ...{
            get
            ...{
                return TopLeft.ImageUrl;
            }
            set
            ...{
                TopLeft.ImageUrl = value;
            }
        }
        #endregion

        --public 属性 : TopMiddle图片#region --public 属性 : TopMiddle图片
        [Bindable(false)]
        [Category("Appearance")]
        [Description("Top Middle图片。")]
        [DefaultValue("")]
        [UrlProperty]
        [Editor("System.Web.UI.Design.ImageUrlEditor, System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a", typeof(UITypeEditor))]
        public String TopMiddleImage
        ...{
            get
            ...{
                String tm = (String)ViewState["TopMiddleImage"];
                return tm;
            }
            set
            ...{
                ViewState["TopMiddleImage"] = value;
            }
        }
        #endregion

        --public 属性 : TopRight图像#region --public 属性 : TopRight图像
        private ImageButton MinimizeButton = new ImageButton();
        [Bindable(true)]
        [Category("Appearance")]
        [DefaultValue("")]
        [Description("Top Right图片。")]
        [UrlProperty]
        [Editor("System.Web.UI.Design.ImageUrlEditor, System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a", typeof(UITypeEditor))]
        public String TopRightImage
        ...{
            get
            ...{
                return MinimizeButton.ImageUrl;
            }
            set
            ...{
                MinimizeButton.ImageUrl = value;
            }
        }
        #endregion

        --public 属性 : bottom图片#region --public 属性 : bottom图片
        [Bindable(false)]
        [Category("Appearance")]
        [Description("Bottom图片。")]
        [DefaultValue("")]
        [UrlProperty]
        [Editor("System.Web.UI.Design.ImageUrlEditor, System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a", typeof(UITypeEditor))]
        public String BottomImage
        ...{
            get
            ...{
                String bi = (String)ViewState["BottomImage"];
                return bi;
            }
            set
            ...{
                ViewState["BottomImage"] = value;
            }
        }
        #endregion

        --protected 过程 : 界面呈现#region --protected 过程 : 界面呈现
        protected override void Render(HtmlTextWriter output)
        ...{
            RenderHead(output);

            if (false == IsMinimum)
            ...{
                base.Render(output);
            }

            RenderEnd(output);
        }
        protected void RenderHead(HtmlTextWriter writer)
        ...{
            writer.Write("<table border="0" cellpadding="0" cellspacing="0" width="" + Width.ToString() + "" height="" + Height.ToString() + "" > ");
            writer.Write("<tr><td> ");

            writer.Write("<table border="0" cellpadding="0" cellspacing="0" width="100%"> ");
            writer.Write("<tr> ");

            writer.Write("<td>");
            TopLeft.RenderControl(writer);
            writer.Write("</td> ");

            writer.Write("<td background="" + TopMiddleImage + "" class="SmallWhite" width="100%">");
            TitleLabel.RenderControl(writer);
            writer.Write("</td> ");

            writer.Write("<td width="31">");
            MinimizeButton.RenderControl(writer);            
            writer.Write("</td> ");

            writer.Write("</tr> ");
            writer.Write("</table> ");
            writer.Write("</td></tr> ");

            if (false == IsMinimum)
                writer.Write("<tr><td> ");

            //防止MinimizeButton在base.Render(output)中被重复输出。
            MinimizeButton.Visible = false;
        }

        protected void RenderEnd(HtmlTextWriter writer)
        ...{
            if (false == IsMinimum)
                writer.Write("</td></tr> ");

            writer.Write("<tr><td>");
            writer.Write("<img src="" + BottomImage + "" width="180" />");
            writer.Write("</td></tr> ");
            writer.Write("</table> ");
        }
        #endregion

        protected override void CreateChildControls()
        ...{
            MinimizeButton.Click += new ImageClickEventHandler(Minimize);
            this.Controls.Add(MinimizeButton);
        }

        --protected 事件 : 最小化/最大化切换事件#region --protected 事件 : 最小化/最大化切换事件
        /**//// <summary>
        /// 最小化/最大化切换事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void Minimize(object sender, ImageClickEventArgs e)
        ...{
            IsMinimum = !IsMinimum;
        }
        #endregion
    }
}

 

使用示例:

例子里的图片自然是显示不出来的。替换成自己相应的图片就可用了。

图片的分布是标题栏三个（左中右），内容区一个（背景），底部一个。

标题栏的三个图片，左和右的两个会影响控件的宽度（以img 来显示的）。底部的那个图片也是。

<% ... @ Page Language="C#" AutoEventWireup="true" CodeFile="Test2.aspx.cs" Inherits="Test2"  %>

<!-- 注册控件 -->
<% ... @ Register Namespace="CustomObject" TagPrefix="custom"  %>

<! 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 >
     < link  href ="Style.css"  rel ="stylesheet"  type ="text/css"   />
</ head >
< body >
     < form  id ="form1"  runat ="server" >
         < br  />
         < br  />
         < div  style ="text-align: center" >
             <!-- 使用控件 -->
             < custom:MinimizePanel  runat ="Server"  ID ="Test1"  Title ="测试"  BackImageUrl ="~/Img/LeftBarBG/LeftBarBG_02.gif"
                CssClass ="Small"  Height =""  TopLeftImage ="Img/LeftBarBG/LeftBarBG_01_01.gif"  Width ="180px"
                TopMiddleImage ="Img/LeftBarBG/LeftBarBG_01_02.gif"  TopRightImage ="Img/LeftBarBG/LeftBarBG_01_03.gif"
                BottomImage ="Img/LeftBarBG/LeftBarBG_03.gif" >
                测试
                 < br  />
                 < br  />
                测试
             </ custom:MinimizePanel >
             <!-- 控件结束 -->
            
         </ div >
     </ form >
</ body >
</ html >

控件图示: