首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

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

2012-09-04 
flex项目的布局及页面的自适应做法1.对于主页面Application,一般情况下建议都不要使用绝对布局,因为如果用

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

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

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

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

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

?

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

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

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

热点排行