flex项目的布局及页面的自适应做法

1.对于主页面Application，一般情况下建议都不要使用绝对布局，因为如果用了绝对布局，那么当浏览器窗口改变时或者电脑分辨率改变时，没法做到自适应，因此我们使用垂直布局或者水平布局，一般都是使用垂直布局，如

<s:VerticalLayout verticalAlign="middle"
                          horizontalAlign="center"/>

但是在某些情况下，我们不得不使用绝对布局，如我们主页面类似桌面，上面放有快捷图标，点击图标可进行对应页面，用户也可以拖动图标，放到想放的地方，此时我们就要使用绝对布局，因为如何用水平或垂直布局，就限死了只能水平放火垂直放

另外为了做到自适应页面的高度和宽度用100%，即浏览器保存一直

 

2.对于子页面，即自定义的界面，我们设置高度和宽度也为百分比 100%,子页面用垂直布局方式，然后在页面中用HGroup或者VGroup，BorderContainer等布局组件，同样我们也要控制布局组件的宽度和高度，都用百分比设置，为的就是自适应。

对于某些情况如要使用画图功能，比如画线那么我们页面的某些组件如BorderContainer就必须使用绝对布局，及X，y控制

，想这些使用绝对布局了的组件如何做到自适应呢？，我们resize事件，resize事件就是当组件的大小改变时(包括第一次创建，第一次会设置width和height)调用，因此我们也可以用resize事件来自己编写代码做到自适应。