加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

使得Flex Module 100%最大化的方法

发布时间:2020-12-15 04:25:46 所属栏目:百科 来源:网络整理
导读:? ? 使得Flex Module 100%最大化的方法 ? 问题 : 当模块设置width及height为100%时,加载到父级容器后会发现模块并不能自动填充,即使ModuleLoader的width和height均设置为100% 若在模块中只加入Canvas测试,发现加载后其高宽值均为0. 解决 : (方法1)直接在模块

??

使得Flex Module 100%最大化的方法

?

问题:
当模块设置width及height为100%时,加载到父级容器后会发现模块并不能自动填充,即使ModuleLoader的width和height均设置为100%
若在模块中只加入Canvas测试,发现加载后其高宽值均为0.

解决:
(方法1)直接在模块参数中加入percentWidth="100" percentHeight="100"
例:
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" percentWidth="100" percentHeight="100" layout="absolute">
</mx:Module>
(方法2)在模块加载完成后设置模块percentWidth,percentHeight属性值为100
例子见源文件

部分源码说明:

设置ModuleLoader高宽为适应100%并注册ready,resize,error事件
<mx:ModuleLoader id="mymodule" width="100%" height="100%"
????????url="{moduleURL}"?
????????ready="readyModule(event);"?
????????resize="resizeHandler(event);"
????????error="errorModule(event)"/>

ModuleLoader的Ready事件:
重设模块的percentWidth和percentHeight.如果模块按方法1进行设置后,这两个可以不设置 private function readyModule(event:ModuleEvent):void{ ????????var tmpModule:ModuleLoader = event.target as ModuleLoader; ????????var Mchild:* = tmpModule.child; ????????Mchild.percentWidth = 100; ????????Mchild.percentHeight = 100; }

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读