DevExprss控件怎么实现效果

DevExprss控件如何实现效果
请各位朋友帮帮忙，给出详细的步骤或者详细的代码，因为本人对DevExpress控件不是很熟，请勿见笑，如图所示：



 当单机选择相关页面时，需要如图所示，页面需要停靠在如图所示的位置，依次排列，如图所示：





[解决办法]
搞定没？xtraTabbedMdiManager