再次看看主窗口的图片：

1.多文档视图由QMdiArea类作为容器，将从QsciScintilla继承来的SciTextEdit类实例化之后，存放到QMdiArea的子窗口。
2.工程视图以浮动窗口类QDockWidget作为容器，把树状部件类QTreeWidget实例化后存放到里面。
3.信息输出视图也以浮动窗口类QDockWidget作为容器，把多行文本框类QTextEdit实例化后存放到里面。
下面是如何布局的源码：

        #窗口布局：        
        self.tree=QTreeWidget()        #树状控件，内置于工程视图
        self.tree.setColumnCount(1)       #设置列数 
        self.tree.header().hide()           #隐藏 置树形控件头部的标题
        #1.1创建 工程视图（标题，自身窗口），占右边               
        self.dockProject=QDockWidget('Project',self)
        self.dockProject.setWidget(self.tree)
        self.dockProject.setMinimumSize(180,600)  # 设置最小尺寸：宽=180，高=600
         #1.2创建多文档视图
        self.mdi = QMdiArea()       
        self.mdi.setViewMode(QMdiArea.TabbedView) #设置为Tab多页显示模式
        self.mdi.setTabsClosable(1)               #设置多文档页面可关闭

        self.text_browser = QtextEditClick(self) #QtextEditClick继承自QTextEdit，内置于信息输出视图
        self.text_browser.setReadOnly(True)     #仅作为信息输出，设置“只读”属性
        #1.3创建信息输出视图
        self.dockBuilt=QDockWidget('Built output',self)
        self.dockBuilt.setMinimumSize(600,150)     # 宽=600，高=   150  
        self.dockBuilt.setWidget(self.text_browser)

        #1.4QSplitter（分隔布局容器）布局分上下（垂直），比例3：1
        splitter1 = QSplitter(Qt.Vertical)
        splitter1.addWidget(self.mdi)           #多文档视图占布局右上
        splitter1.addWidget(self.dockBuilt)     #信息输出视图占布局右下   
        self.addDockWidget(Qt.LeftDockWidgetArea,self.dockProject)#工程视图占布局左边
        self.setCentralWidget(splitter1)