这几天写一个c#的WinForm程序,从工具栏上拖放一堆控件到Form上,各种美化布局,最后发现运行过程中如果调整窗口大小,控件位置并不会像我们期望的那样,而是相对父控件位置固定。于是仔细研究了下界面布局,发现有Anchor和Dock两个属性可以利用。
Anchor属性设置控件Top,Left,Right,Bottom相对父控件的绝对位置。
Dock设置控件依附于父控件的哪个边框,但是需要注意的是,如果几个控件的Dock属性互相冲突,比如panel1.Dock=Top,panel2.Dock=Left,那到底是panel1占据整个上部区域呢还是panel占满整个左部区域,取决于控件的添加顺序,如果是his.controls.add(panel1); this.controls.add(panel2), 那么panel2有高优先级,左上角的区域被panel占据。
如果是his.controls.add(panel2);this.controls.add(panel1) 那么左上角就是panel1占据。总之是后面加入的占优。
另外,Anchor属性跟Dock属性是冲突的,两者只能设置一个。
要想写一个漂亮的界面,光靠利用Anchor和Dock属性是远远不够的,我们需要用到相对布局,就是不管窗口大小怎么变化,控件相对父控件的相对位置保持不变。可惜c#里没有提供按照百分比布局。所以只能自己再resize()事件里调整控件位置。
首先在窗体的构造函数里保存父窗体的长宽,以及每个控件的X,Y坐标的相对位置:
int count = this.Controls.Count * 2 + 2;
float [] factor=new float [count];
int i = 0;
factor[i++] = Size.Width;
factor[i++] = Size.Height;
foreach (Control ctrl in this.Controls)
{
factor[i++] = ctrl.Location.X / (float)Size.Width;
factor[i++] = ctrl.Location.Y / (float)Size.Height;
ctrl.Tag = ctrl.Size;
}
Tag = factor;
然后 在sizeChange事件中调整控件大小
int i = 2;
foreach (Control ctrl in this.Controls)
{
ctrl.Left = (int)(Size.Width * factor[i++]);
ctrl.Top = (int)(Size.Height * factor[i++]);
ctrl.Width = (int)(Size.Width / (float)factor[0] * ((Size)ctrl.Tag).Width);
ctrl.Height = (int)(Size.Height / (float)factor[1] * ((Size)ctrl.Tag).Height);
}