具备折叠Panel特性的C#定制控件

本文内容翻译自http://www.codeproject.com/Articles/53318/C-Custom-Control-Featuring-a-Collapsible-Panel，希望大家能够关注锐英源的综合式培训教材，转载文章请注意出处：www.wisestudy.cn，锐英源孙老师。锐英源基于些控件进行了二次开发，有需要学习的请联系锐英源。

介绍

和ASP.NET AJAX CollapsiblePanel控件打过交道后，学习了它用控件伸缩器让很多子窗口显示到web页面或屏幕的较小部分，如果让winform开发也有这样的控件，就更爽了，所以我进行了实现，并用本文描述它。

设计界面使用

它的使用和普通Panel没区别，无非可以扩展和收缩而已。向工具栏添加了控件后，从工具栏里拖动对应图标到Form上，就可以看到如下图:

通过智能标签（向右小箭头按钮）可以打开属性窗口，进行控制属性定制设置。界面如下：

运行时控制

运行时有不同图片来指示状态；当鼠标划过扩展/折叠图片控件时，图片控件会以高亮状态显示，指示可以进行扩展/折叠了。

一些Panel折叠后如图：

折叠Panel展开后如下图：

代码用法

下面代码显示了怎么初始化控件和使用控件：

this.collapsiblePanel1 = new OVT.CustomControls.CollapsiblePanel();
//
// collapsiblePanel1
//
            this.collapsiblePanel1.BackColor = System.Drawing.Color.Transparent;
            this.collapsiblePanel1.HeaderCornersRadius = 5;
            this.collapsiblePanel1.HeaderFont =
		new System.Drawing.Font("Microsoft Sans Serif",
			8.25F, System.Drawing.FontStyle.Bold);
            this.collapsiblePanel1.HeaderImage = null;
            this.collapsiblePanel1.HeaderText = "My Collapsible panel\'s header";
            this.collapsiblePanel1.HeaderTextColor = System.Drawing.Color.Black;
            this.collapsiblePanel1.Location = new System.Drawing.Point(88, 50);
            this.collapsiblePanel1.Name = "collapsiblePanel1";
            this.collapsiblePanel1.RoundedCorners = true;
            this.collapsiblePanel1.Size = new System.Drawing.Size(316, 204);
            this.collapsiblePanel1.TabIndex = 0;
            this.collapsiblePanel1.UseAnimation = true; 

// Form1
//
this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);
this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
this.ClientSize = new System.Drawing.Size(571, 353);
this.Controls.Add(this.collapsiblePanel1);
this.Name = "Form1";
this.Text = "Form1";
this.ResumeLayout(false); 

代码解释

CollapsiblePanel继承自System.Windows.Forms.Panel。
我添加了个子Panel来用于渲染显示头部，重要的是容纳2个PictureImage控件，一个在右上角当做扩展/折叠按钮，另外一个在左边用于指示。OnPaint绘制方法负责绘制控件，覆写这个方法可以定制绘制。