C#基础系列：开发自己的窗体设计器（实现控件的选择）

saybody

浏览: 871145 次
性别:
来自: 西安

最近访客更多访客>>

morelily

juzhibest

u012363178

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1052)

社区版块

存档分类

C C++C#设计模式 Windows

所谓控件的选择，就是在设计器上某个控件被选中或者控件获得焦点（通过Tab调整控件焦点）的时候，在控件的四周显示出调整手柄。

如下图：

如上，通过控件的调整手柄，我们可以调整控件的宽度和高度。而实现这个调整手柄的关键点其实得益于vs2005控件的灵活性。因为这8个正方形的调整手柄其实就是8个控件。

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

所以我们本文的重点如下：

1、开发自定义的调整手柄控件，也就是这正方形控件；

2、组合这8个调整手柄控件，目标是使设计器上的控件与调整手柄完全解耦，调整手柄能够不做任何的修改就可以应用于所有的控件；

3、设计器上的控件与调整手柄的对应方法，也就是选择控件的时候，能够在控件周围显示调整手柄。

下面我们针对这3个重点，在前一篇《在容器上拖动鼠标增加控件》的基础上，实现控件的选择功能。

1、开发自定义的调整手柄控件：

这其实属于自定义控件开发的问题，你首先增加“用户控件”，把控件名命名为UISizeDot，把下面的代码直接拷贝进去就可以了，所以我不做过多的描述，这里直接把代码贴出来好了。

[ToolboxItem(false)]

publicpartialclassUISizeDot:Control
{

privatebool_movable;

privatePenpen=newPen(Color.Black);

publicUISizeDot()
{
InitializeComponent();

SetStyle(ControlStyles.UserPaint,true);

SetStyle(ControlStyles.AllPaintingInWmPaint,true);

SetStyle(ControlStyles.OptimizedDoubleBuffer,true);

this.TabStop=false;

this._movable=true;
}

///<summary> 

///UISizeDot的边框颜色 

///</summary> 

publicColorBorderColor
{

get{returnpen.Color;}

set
{

this.pen=newPen(value);

this.Refresh();
}
}

protectedoverridevoidOnPaint(PaintEventArgspe)
{

//TODO:在此处添加自定义绘制代码 

//this.BackColor=Color.White; 

pe.Graphics.DrawRectangle(pen,0,0,this.Width-1,this.Height-1);

//调用基类OnPaint 

base.OnPaint(pe);
}

publicboolMovable
{

get{returnthis._movable;}

set{this._movable=value;}
}
}

2、组合这8个自定义调整手柄控件：

这个功能的目的就是，就是将这8个调整手柄控件组合起来，为了描述以及开发上的方便，我们使用一个控件数组UISizeDot[]_UISizeDot = new UISizeDot(8)，我们约定从左上角按照顺时针方向到又下角分别_UISizeDot[0]~ _UISizeDot[7]，其它的不用说了，看代码吧：

publicenumENUM_UISizeMode
{

FixNone=0,//不固定 

FixLocation=1,//固定左上角，这时只能改变两边 

FixHeight=2,//固定高 

FixWidth=3,//固定宽 

FixBoth=4//长宽都固定 
}

publicclassUISizeKnob
{

privateconstintDOT_WIDTH=7;//UISizeDot宽度 

privateconstintDOT_HEIGHT=7;//UISizeDot高度 

privateconstintDOT_SPACE=0;//UISizeDot与_Owner的距离 

privateconstintDOT_COUNT=8;//要显示的UISizeDot数 

privateSystem.Windows.Forms.Control_Owner;

privateUISizeDot[]_UISizeDot;

privateint_OldTop;

privateint_OldLeft;

privateint_NewTop;

privateint_NewLeft;

privateint_OldWidth;

privateint_OldHeight;

privateint_ClickAtX;

privateint_ClickAtY;

privateENUM_UISizeMode_UISizeMode;

privatebool_BeginDrag;

privateRectangle_OldRect;

privateColor_DotColor=Color.White;//UISizeDot默认颜色为白色 

privateColor_DotBorderColor=Color.Black;//UISizeDot默认边框颜色为黑色 

publiceventSystem.Windows.Forms.MouseEventHandlerMouseDown=null;

publiceventSystem.Windows.Forms.MouseEventHandlerMouseMove=null;

publiceventSystem.Windows.Forms.MouseEventHandlerMouseUp=null;

privateintj=0;

privatebool_IsShow=false;

publicUISizeKnob(System.Windows.Forms.Controlowner)
{

this._Owner=owner;

this._NewTop=owner.Top;

this._NewLeft=owner.Left;

this._OldWidth=owner.Width;

this._OldHeight=owner.Height;
InitUISizeDots();
}

publicboolIsShow
{

get{returnthis._IsShow;}
}

publicColorDotColor
{

get{returnthis._DotColor;}

set
{

this._DotColor=value;

this._DotBorderColor=Color.FromArgb(Math.Abs(Convert.ToInt32(value.R)-255),Math.Abs(Convert.ToInt32(value.G)-255),Math.Abs(Convert.ToInt32(value.B)-255));
}
}

///<summary> 

///注销 

///</summary> 

publicvoidDispose()
{

for(inti=0;i<this._UISizeDot.Length;i++)
{

this._UISizeDot[i].Dispose();
}
}

///<summary> 

///this._Owner的大小改变模式 

///</summary> 

publicENUM_UISizeModeUISizeMode
{

get{returnthis._UISizeMode;}

set{this._UISizeMode=value;}
}

privatevoidInitUISizeDots()
{

this._UISizeDot=newUISizeDot[DOT_COUNT];

for(inti=0;i<DOT_COUNT;i++)
{

this._UISizeDot[i]=newUISizeDot();

this._UISizeDot[i].Width=DOT_WIDTH;

this._UISizeDot[i].Height=DOT_HEIGHT;

this._UISizeDot[i].Visible=false;

this._Owner.Parent.Controls.Add(this._UISizeDot[i]);

this._UISizeDot[i].MouseDown+=newSystem.Windows.Forms.MouseEventHandler(this.UISizeDot_MouseDown);

this._UISizeDot[i].MouseMove+=newSystem.Windows.Forms.MouseEventHandler(this.UISizeDot_MouseMove);

this._UISizeDot[i].MouseUp+=newSystem.Windows.Forms.MouseEventHandler(this.UISizeDot_MouseUp);
}

this._UISizeDot[0].Cursor=System.Windows.Forms.Cursors.SizeNWSE;

this._UISizeDot[1].Cursor=System.Windows.Forms.Cursors.SizeNS;

this._UISizeDot[2].Cursor=System.Windows.Forms.Cursors.SizeNESW;

this._UISizeDot[3].Cursor=System.Windows.Forms.Cursors.SizeWE;

this._UISizeDot[4].Cursor=System.Windows.Forms.Cursors.SizeNWSE;

this._UISizeDot[5].Cursor=System.Windows.Forms.Cursors.SizeNS;

this._UISizeDot[6].Cursor=System.Windows.Forms.Cursors.SizeNESW;

this._UISizeDot[7].Cursor=System.Windows.Forms.Cursors.SizeWE;
SetUISizeDotsPosition();
}

publicvoidShowUISizeDots(boolshow)
{

this._IsShow=show;

//2006-10-05:将此函数中所有的this._UISizeDot.Length全部替换成８ 

if(show)
{

SetUISizeDotsPositionByMove(false);
}

else
{

this._Owner.Parent.SuspendLayout();

for(inti=0;i<DOT_COUNT;i++)
{

this._UISizeDot[i].Visible=show;
}

this._Owner.Parent.ResumeLayout();

return;
}

if(this._UISizeMode==ENUM_UISizeMode.FixNone)
{

for(inti=0;i<DOT_COUNT;i++)
{

this._UISizeDot[i].BorderColor=this._DotBorderColor;

this._UISizeDot[i].BackColor=this._DotColor;

this._UISizeDot[i].Visible=show;
}
}

elseif(this._UISizeMode==ENUM_UISizeMode.FixLocation)
{

for(inti=0;i<DOT_COUNT;i++)
{

this._UISizeDot[i].BorderColor=this._DotBorderColor;

this._UISizeDot[i].BackColor=this._DotColor;

this._UISizeDot[i].Visible=show;
}

this._UISizeDot[0].BackColor=System.Drawing.Color.FromArgb(9,55,119);

this._UISizeDot[0].Movable=false;

this._UISizeDot[1].BackColor=System.Drawing.Color.FromArgb(9,55,119);

this._UISizeDot[1].Movable=false;

this._UISizeDot[2].BackColor=System.Drawing.Color.FromArgb(9,55,119);

this._UISizeDot[2].Movable=false;

this._UISizeDot[6].BackColor=System.Drawing.Color.FromArgb(9,55,119);

this._UISizeDot[6].Movable=false;

this._UISizeDot[7].BackColor=System.Drawing.Color.FromArgb(9,55,119);

this._UISizeDot[7].Movable=false;
}

elseif(this._UISizeMode==ENUM_UISizeMode.FixHeight)
{

this._UISizeDot[0].Visible=false;

this._UISizeDot[1].Visible=false;

this._UISizeDot[2].Visible=false;

this._UISizeDot[3].BorderColor=this._DotBorderColor;

this._UISizeDot[3].BackColor=this._DotColor;

this._UISizeDot[3].Refresh();

this._UISizeDot[3].Visible=show;

this._UISizeDot[4].Visible=false;

this._UISizeDot[5].Visible=false;

this._UISizeDot[6].Visible=false;

this._UISizeDot[7].BorderColor=this._DotBorderColor;

this._UISizeDot[7].BackColor=this._DotColor;

this._UISizeDot[7].Refresh();

this._UISizeDot[7].Visible=show;
}

elseif(this._UISizeMode==ENUM_UISizeMode.FixWidth)
{

this._UISizeDot[0].Visible=false;

this._UISizeDot[1].BorderColor=this._DotBorderColor;

this._UISizeDot[1].BackColor=this._DotColor;

this._UISizeDot[1].Visible=show;

this._UISizeDot[1].Refresh();

this._UISizeDot[2].Visible=false;

this._UISizeDot[3].Visible=false;

this._UISizeDot[4].Visible=false;

this._UISizeDot[5].BorderColor=this._DotBorderColor;

this._UISizeDot[5].BackColor=this._DotColor;

this._UISizeDot[5].Visible=show;

this._UISizeDot[5].Refresh();

this._UISizeDot[6].Visible=false;

this._UISizeDot[7].Visible=false;
}

elseif(this._UISizeMode==ENUM_UISizeMode.FixBoth)
{

for(inti=0;i<DOT_COUNT;i++)
{

this._UISizeDot[i].BorderColor=this._DotBorderColor;

this._UISizeDot[i].BackColor=System.Drawing.Color.FromArgb(9,55,119);

this._UISizeDot[i].Movable=false;

this._UISizeDot[i].Visible=show;
}
}
}

privatevoidSetUISizeDotsPosition()
{

intleft,width,height,top;

left=this._Owner.Left;

top=this._Owner.Top;

width=this._Owner.Width;

height=this._Owner.Height;

this._UISizeDot[0].Location=newPoint(left-DOT_WIDTH-DOT_SPACE,top-DOT_HEIGHT-DOT_SPACE);

this._UISizeDot[1].Location=newPoint(left+width/2-DOT_WIDTH/2,top-DOT_HEIGHT-DOT_SPACE);

this._UISizeDot[2].Location=newPoint(left+width+DOT_SPACE,top-DOT_HEIGHT-DOT_SPACE);

this._UISizeDot[3].Location=newPoint(left+width+DOT_SPACE,top+height/2-DOT_HEIGHT/2);

this._UISizeDot[4].Location=newPoint(left+width+DOT_SPACE,top+height+DOT_SPACE);

this._UISizeDot[5].Location=newPoint(left+width/2-DOT_WIDTH/2,top+height+DOT_SPACE);

this._UISizeDot[6].Location=newPoint(left-DOT_WIDTH-DOT_SPACE,top+height+DOT_SPACE);

this._UISizeDot[7].Location=newPoint(left-DOT_WIDTH-DOT_SPACE,top+height/2-DOT_HEIGHT/2);
}

privatevoidSetUISizeDotsPositionByMove(boolShow)
{

intleft,width,height,top;

left=this._Owner.Left;

top=this._Owner.Top;

width=this._Owner.Width;

height=this._Owner.Height;

this._UISizeDot[0].Visible=Show;

this._UISizeDot[1].Visible=Show;

this._UISizeDot[2].Visible=Show;

this._UISizeDot[3].Visible=Show;

this._UISizeDot[4].Visible=Show;

this._UISizeDot[5].Visible=Show;

this._UISizeDot[6].Visible=Show;

this._UISizeDot[7].Visible=Show;

this._UISizeDot[0].BringToFront();

this._UISizeDot[1].BringToFront();

this._UISizeDot[2].BringToFront();

this._UISizeDot[3].BringToFront();

this._UISizeDot[4].BringToFront();

this._UISizeDot[5].BringToFront();

this._UISizeDot[6].BringToFront();

this._UISizeDot[7].BringToFront();

this._UISizeDot[0].Location=newPoint(left-DOT_WIDTH-DOT_SPACE,top-DOT_HEIGHT-DOT_SPACE);

this._UISizeDot[1].Location=newPoint(left+width/2-DOT_WIDTH/2,top-DOT_HEIGHT-DOT_SPACE);

this._UISizeDot[2].Location=newPoint(left+width+DOT_SPACE,top-DOT_HEIGHT-DOT_SPACE);

this._UISizeDot[3].Location=newPoint(left+width+DOT_SPACE,top+height/2-DOT_HEIGHT/2);

this._UISizeDot[4].Location=newPoint(left+width+DOT_SPACE,top+height+DOT_SPACE);

this._UISizeDot[5].Location=newPoint(left+width/2-DOT_WIDTH/2,top+height+DOT_SPACE);

this._UISizeDot[6].Location=newPoint(left-DOT_WIDTH-DOT_SPACE,top+height+DOT_SPACE);

this._UISizeDot[7].Location=newPoint(left-DOT_WIDTH-DOT_SPACE,top+height/2-DOT_HEIGHT/2);
}

privatevoidUISizeDot_MouseDown(objectsender,System.Windows.Forms.MouseEventArgse)
{

if(!((UISizeDot)sender).Movable)
{

return;
}
j++;

this.ShowUISizeDots(false);

this._BeginDrag=true;

this._ClickAtX=e.X;

this._ClickAtY=e.Y;

this._OldTop=this._Owner.Top;

this._OldLeft=this._Owner.Left;

this._NewTop=this._Owner.Top;

this._NewLeft=this._Owner.Left;

this._OldHeight=this._Owner.Height;

this._OldWidth=this._Owner.Width;

Rectanglerect=newRectangle(this._NewLeft-1,this._NewTop-1,this._OldWidth+2,this._OldHeight+2);

//this._Owner.Parent.CreateGraphics().DrawRectangle(newPen(Color.Black,2),rect); 

this._OldRect=rect;

if(this.MouseDown!=null)

this.MouseDown(sender,e);
}

privatevoidUISizeDot_MouseMove(objectsender,System.Windows.Forms.MouseEventArgse)
{

if(!((UISizeDot)sender).Movable)
{

return;
}

if(this._BeginDrag)
{

inteX=e.X-this._ClickAtX;

inteY=e.Y-this._ClickAtY;

if(this._UISizeDot[0]==sender)
{

this._Owner.Location=newSystem.Drawing.Point(this._NewLeft+eX,this._NewTop+eY);

this._Owner.Size=newSystem.Drawing.Size(this._Owner.Width-eX,this._Owner.Height-eY);
}

elseif(this._UISizeDot[1]==sender)
{

this._Owner.Location=newSystem.Drawing.Point(this._NewLeft,this._NewTop+eY);

this._Owner.Size=newSystem.Drawing.Size(this._Owner.Width,this._Owner.Height-eY);
}

elseif(this._UISizeDot[2]==sender)
{

this._Owner.Location=newSystem.Drawing.Point(this._NewLeft,this._NewTop+eY);

this._Owner.Size=newSystem.Drawing.Size(this._Owner.Width+eX,this._Owner.Height-eY);
}

elseif(this._UISizeDot[3]==sender)
{

this._Owner.Size=newSystem.Drawing.Size(this._Owner.Width+eX,this._Owner.Height);
}

elseif(this._UISizeDot[4]==sender)
{

this._Owner.Size=newSystem.Drawing.Size(this._Owner.Width+eX,this._Owner.Height+eY);
}

elseif(this._UISizeDot[5]==sender)
{

this._Owner.Size=newSystem.Drawing.Size(this._Owner.Width,this._Owner.Height+eY);
}

elseif(this._UISizeDot[6]==sender)
{

this._Owner.Location=newSystem.Drawing.Point(this._NewLeft+eX,this._NewTop);

this._Owner.Size=newSystem.Drawing.Size(this._Owner.Size.Width-eX,this._Owner.Height+eY);
}

elseif(this._UISizeDot[7]==sender)
{

this._Owner.Location=newSystem.Drawing.Point(this._NewLeft+eX,this._NewTop);

this._Owner.Size=newSystem.Drawing.Size(_Owner.Width-eX,this._Owner.Height);
}

this._NewTop=this._Owner.Top;

this._NewLeft=this._Owner.Left;

//this._OldHeight=this._Owner.Height; 

//this._OldWidth=this._Owner.Width; 
SetUISizeDotsPosition();

this._Owner.Refresh();

this._Owner.Parent.Refresh();

//this._Owner.Parent.CreateGraphics().DrawRectangle(newPen(this._Owner.BackColor,2),this._OldRect); 

Rectanglerect=newRectangle(this._NewLeft-1,this._NewTop-1,this._Owner.Width+2,this._Owner.Height+2);

//this._Owner.Parent.CreateGraphics().DrawRectangle(newPen(Color.Black,2),rect); 

this._OldRect=rect;
}

if(this.MouseMove!=null)

this.MouseMove(sender,e);
}

privatevoidUISizeDot_MouseUp(objectsender,System.Windows.Forms.MouseEventArgse)
{

if(!((UISizeDot)sender).Movable)
{

return;
}
HashtableOldWidth;
HashtableOldHeight;
HashtableNewWidth;
HashtableNewHeight;

//Test.UIResizeCommandResizeCommand; 

//this._Owner.Parent.CreateGraphics().DrawRectangle(newPen(this._Owner.BackColor,2),this._OldRect); 

this.ShowUISizeDots(true);

//使用UIResizeCommand，这里主要是保存现场，这样可以方便实现Undo和Redo 

if(this._OldHeight!=this._Owner.Height||this._OldWidth!=this._Owner.Width)
{

OldWidth=newHashtable();

OldHeight=newHashtable();

NewWidth=newHashtable();

NewHeight=newHashtable();

OldWidth.Add(this._Owner,this._OldWidth);

OldHeight.Add(this._Owner,this._OldHeight);

NewWidth.Add(this._Owner,this._Owner.Width);

NewHeight.Add(this._Owner,this._Owner.Height);
}

this._BeginDrag=false;

if(this.MouseUp!=null)

this.MouseUp(sender,e);
}
}

3、设计器上控件与调整手柄的对应方法：

在我们的UISizeKnob中，有一个函数ShowUISizeDots(bool show)。这里的show参数就是表示，显示或者隐藏控件的调整手柄。

所以为了方便，我在前面的Form中增加这样的变量和函数：

变量private Hashtable _HashUISizeKnob负责缓存每个新增加的控件对应的UISizeKnob对象，因为一个Control只能对应一个UISizeKnob对象。

另外，我们怎么知道新增了控件呢，这里需要实现事件Control.ControlAdded，在这里是实现Form的ControlAdded事件。

Form的代码修改后如下：

//在Form中增加几个Button，分别命名为cmdArrow,cmdLabel,cmdTextBox,cmdComboBox,cmdGroupBox 

publicpartialclassForm1:Form
{

privateMouseHook_MouseHook;

//我们将所有的已经与具体控件关联了的UISizeKnob缓存在这个HashTable中 

privateHashtable_HashUISizeKnob;

publicForm1()
{
InitializeComponent();

this._MouseHook=newMouseHook(this);

this._HashUISizeKnob=newHashtable();

//为了简洁明了，我们在ControlAdded中来设置具体控件和UISizeKnob的关联 

this.ControlAdded+=newControlEventHandler(Form1_ControlAdded);
}

voidForm1_ControlAdded(objectsender,ControlEventArgse)
{

if(!(e.ControlisUISizeDot))
{

this._HashUISizeKnob.Add(e.Control,newUISizeKnob(e.Control));

//点击控件的时候，显示控件的选择 

e.Control.Click+=newEventHandler(Control_Click);
}
}

voidControl_Click(objectsender,EventArgse)
{

//寿险清除已经选择的控件 

foreach(UISizeKnobknobinthis._HashUISizeKnob.Values)
{

knob.ShowUISizeDots(false);
}

try
{

((UISizeKnob)this._HashUISizeKnob[sender]).ShowUISizeDots(true);
}

catch{}
}

privatevoidcmdArrow_Click(objectsender,EventArgse)
{

SettingService.Instance.SelectedToolBoxControl=null;
}

privatevoidcmdLabel_Click(objectsender,EventArgse)
{

SettingService.Instance.SelectedToolBoxControl=newLabel();
}

privatevoidcmdTextBox_Click(objectsender,EventArgse)
{

SettingService.Instance.SelectedToolBoxControl=newTextBox();
}

privatevoidcmdComboBox_Click(objectsender,EventArgse)
{

SettingService.Instance.SelectedToolBoxControl=newComboBox();
}

privatevoidcmdGroupBox_Click(objectsender,EventArgse)
{

SettingService.Instance.SelectedToolBoxControl=newGroupBox();
}
}