Flex 4 stage.scaleMode 详解

时间：2014-10-31 06:39:21 阅读：321 评论：0 收藏：0 [点我收藏+]

标签：flex 4

桌面Flex项目：

影响桌面Flex项目缩放方式的因素有4个：初始窗口尺寸、SWF尺寸、stage.scaleMode、stage.align。

桌面程序的初始窗口尺寸在app.xml中通过修改width、height节点值来设置。如省略设置，则默认窗口尺寸为508×409（除去窗口镶边和标题栏的尺寸，内容尺寸为500×375）

SWF尺寸，通过在主Application中添加如下元数据便签来设置

<fx:Metadata>

[SWF(width=800,height=600,backgroundColor=0xcccccc]

</fx:Metadata>

或在Flex项目属性——Flex编译器——附加的编译器参数中添加 -default-size 800 600

（默认颜色用 -default-background-color=0xCCCCFF）来设置，省略设置，则默认SWF尺寸为500×375

注：Flex项目中，Application的initialize和creationComplete事件处理函数中，this.stage均为null，要设置stage.align和stage.scaleMode，必须通过systemManager.stage.align和systemManager.stage.scaleMode来设置，下文中，凡是对stage相关属性的设置，实际代码均写为systemManager.stage.xxxx=xxxx，简写为stage.xxxx=xxxx，后文不再赘述。

1、窗口尺寸、SWF尺寸、stage.align、stage.scaleMode缺省设置（使用默认值）

当省略设置窗口尺寸和SWF尺寸时，窗口尺寸默认为508×409，SWF尺寸（Stage尺寸）、Application尺寸自动填满窗口内部区域（即窗口尺寸减去窗口镶边和标题栏后的尺寸）为500×375

默认的对齐和缩放方式如下：

stage.align=StageAlign.TOP_LEFT(“TL”)，

stage.scaleMode=StageScaleMode.NO_SCALE(“noScale”)

在默认的缩放（“noScale”）和对齐模式（“TL”）下，当拖动窗口边沿、点击最大化/最小化/还原按钮改变窗口尺寸时，stage会调度Event.RESIZE事件，SWF（舞台）尺寸、Application尺寸会填满为新的窗口大小减去窗口镶边后的尺寸

使用stage.displayState=StageDisplayState.FULL_SCREEN_INTERACTIVE;让窗口全屏，stage同样也会调度Event.RESIZE事件。舞台尺寸刷新为全屏后的显示器尺寸。

舞台上的元素不会随舞台（窗口）尺寸的改变而改变尺寸和位置。

2、窗口尺寸、SWF尺寸、stage.scaleMode缺省设置，stage.align设置为"TL"以外的值。

在默认缩放（“noScale”），对齐模式设置为“TL”以外的值时，改变窗口尺寸，则SWF（舞台）尺寸、Application尺寸仍自动填满窗口内部尺寸，但SWF的对齐方式似乎存在Bug，选T、TR时，SWF内容总是存在一个向右的偏差，选BL、L时，存在向下的偏差，选R、B、BR、“（空字符串默认）”时，存在向右下的偏差

存在偏差的原因可能是，当align不为“TL”时，程序窗口假定SWF内容的尺寸仍为其初始值（500×375），并按这个尺寸来定位SWF内容的位置，例如，对齐模式选“T”（顶部居中），拖动改变窗口大小为598×484时，窗口内容区域尺寸为590×450，程序窗口仍假定SWF内容尺寸为其初始值500×375，按着个值计算，SWF内容被定位到了窗口内容区域的（45,0）的位置，如下图