BorderLayout布局比fit布局含有更多可放组件位置,其分为南,北,东,西,中五部分,其中上北下南可分别作为标题和状态栏,左西右东可作为菜单栏,中部可作为内容区,其需注意事项:
第一:五部分中,其他部位都可无组件,唯独中部必不可缺,中部必须有组件,可通过region:center配置,否则会发生错误,页面上就什么也不显示了。
第二:north和south只能设置height,宽度由布局自动计算,east和west只能设置width,高度由布局自动计算,而center则不能指定height和width,其高宽由布局通过计算其余四部分来确定。
第三:五部分中任何组件都不能使用autoHeight:true,否则将会破坏整个布局的计算,使得布局失效。
第四:子区域组件拖动,可以通过设置split:true来使得个部分通过拖动边界来实现动态修改各部分大小,但是north和south只能上下拖动调整大小,east和west只能左右拖动调整大小,同时可通过结合minSize和maxSize来控制拖动时的最小和最大可扩范围,对center设置split则无效。
第五:子区域组件折叠和展开,设置collapsible:true,可使得子区域可折叠,但须同时必须配合设置title,因为折叠展开的控制箭头位于title上,所以若没设置title,则折叠展开失效。
第六:可设置子区域折叠后的提示信息,可通过对默认css进行设置来实现。