本文介绍了ExtJS4.x中的布局系统，详细解释了不同布局类之间的层次结构关系，并提供了直观的图表帮助读者理解各布局类的作用及用法。
ExtJS4.x中，container和component都需要布局来摆放其中的子元素。但我们一般不需要花精力在component的布局上而需要精心设计与选择container的布局。
ExtJS4.x中提供的各个布局类并不是互不关联的，他们之间像容器-组件一样存在层次结构，因此，理解布局间的关系非常有助于理解与使用他们。各个布局间层次结构关系如下图所示。
图1 ExtJS4.x中布局的层次结构
从图中可看出，Container Layout是整个布局层次系统的基类，它是一个轻量级的布局类，提供基础的功能，一般用于扩展。
Auto Layout是容器的默认布局，直接继承于Container Layout，它也只提供简单功能：将元素一个接一个地叠放在容器内。
……
上图在学习ExtJS4.x的布局时是个非常不错的参考！能帮我们理清关系，加快学习速度！
本博客也将按照上图的层次结构分支依次介绍ExtJS4.x的布局！
参考资料：http://docs.sencha.com/extjs/4.2.2/
扫一扫
102
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
