使用Devexpress的XtraUserControl控件实现在一个窗口实现两组的Dock布局

先看界面效果图

使用Devexpress的XtraUserControl控件实现在一个窗口实现两组的Dock布局

其中PANEL1-5是左组一组PANEL,只能在左边停靠,PANEL6-10是右边一组的PANEL,只能在右边停靠

不知道如何弄动态图,只能用静态图配文字说明

实现办法:

   1. 用SPLITE控件将屏幕分成左右两边

   2. 左右两边分别增加XtraUserControl控件,并将XtraUserControl1和XtraUserControl2的Dock属性设为Fill

  3. 增加两个DockManger, 并将DockManger1的Form属性设为XtraUserControl1,并将DockManger2的Form属性设为XtraUserControl2

 4. 然后在DockManger上分别为其添加Panel即可