本次实践主要是记录下如何在FLEX主应用程序中调用一个MODULE,而在MODULE中调用COMPONENT。
在开始之前先来简单谈谈MODULE这个概念
--========================================================================
以下内容来自网上
模块(Module)开发的优点自不待说。Flex
Project中建立多个Application,并不能减少主文件swf的体积,可能还会增加。Module是编译进另一个swf实体,自然减少了主
swf的体积。BTW,在创建Module时,注意选择关联的主swf,这可以使Module减肥不少,原理不再絮叨。
--=========================================================================
下面开始完成这次实践吧
1)创建myComponent/LoginComponent.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="344" height="208" backgroundColor="#F3E8BA">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function getUserName():void{
Alert.show(username.text);
}
]]>
</mx:Script>
<mx:TextInput x="92" y="45" id="username"/>
<mx:Button x="126" y="105" label="Show Name" click="getUserName()"/>
</mx:Canvas>
2)创建ModuleTest.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
width="530" height="394" backgroundColor="#F5BFBF" xmlns:mp="myComponent.*">
<mp:LoginComponent x="93" y="67"/>
</mx:Module>
3)编译ModuleTest.mxml
在命令行CMD进入后输入 mxmlc ModuleTest.mxml (这里要写上ModuleTest.mxml的绝对路径 )
4)创建 Main.mxml 主应用程序
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style source="CssTest.css" />
<mx:Script>
<![CDATA[
//利用ModuleLoader加载模块
public function addMod():void{
mod1.url="ModuleTest.swf";//url指向modOne.mxml
mod1.loadModule();//发出指令调用模块
}
]]>
</mx:Script>
<mx:panel>
<mx:ModuleLoader x="409" y="76" url="ModuleTest.swf"/>
<mx:ModuleLoader x="409" y="110" id="mod1"/>
<mx:Button x="918" y="499" label="Add Module" click="addMod()"/>
</mx:panel>
</mx:Application>
注:本例中尝试了两种方法载入module
<mx:ModuleLoader x="409" y="76" url="ModuleTest.swf"/> 是直接载入MODULE
<mx:ModuleLoader x="409" y="110" id="mod1"/>
<mx:Button x="918" y="499" label="Add Module" click="addMod()"/> 则是通过接口方式来载入MODULE
分享到:
相关推荐
Flex4:开发RIA应用程序.pdf Flex4的入门教程
手把手教你进入flex技术佳境,我认为是目前位置最好的一本flex4开发教程
Spring MVC+BlzeDS+Flex框架实践:HelloWorld篇 .docSpring MVC+BlzeDS+Flex框架实践:HelloWorld篇 .doc
该书为adobe flex4认证的内部培训教材,以Adobe Flash Builder 4为基础培训,目前市面上的flex4的教材太少,这个发上来大家一起看看吧
Flex_4:开发RIA_应用程序.pdf Flex_4:开发RIA_应用程序.pdf
使用 Adobe Flex 3 开发 Adobe AIR 1.1 应用程序
Adobe Flex 2: Training from the Source,看到有不少人在找~~~ 这本没有上传完整,请需要的朋友下载《Adobe Flex 2: Training from the Source(改)》这本~~~
Flex 应用程序性能: 改善客户端应用程序和服务器性能的技巧与技术 <br>这是macromedia的白皮书,里面包含了很多不错的建议!强烈推荐^_^
一样在 Flex 中轻松而高质量地开发移动设备应用程序。 许多现有的 Flex 组件已扩展到移动设备上,其中包括增加了对触摸滚动的支持。Flex 还包含一组新组件,可用来轻松构建采 用手机和平板电脑标准设计模式的应用...
Adobe Flex 4: Training from the Source Volume 1 解压密码:肇庆学院主页地址(www开头的)
flex+java简单应用程序源码,采用blazeds.war第三方插件做的.flex+java第一个练习!
对于刚刚开始学习接触Flex3的人来说,这本书是一个不错的选择,它先解释了ADOBE AIR解决方案,让读者对AIR整个框架...讲解内容和操作实例都比较清晰易懂,看完这本书后对于Flex3一般的应用程序开发也就基本能够胜任了。
《Flex_4:开发RIA_应用程序pdf》完整源代码,附带每个章节习题代码。
使用 Flex 和 Flash Builder 开发手机应用程序 目录 第 1 章: 入门 手机应用程序入门 手机、桌面和浏览器应用程序开发的差异 第 2 章: 开发环境 在 Flash Builder 中创建 Android 应用程序 在 Flash Builder 中...
使用Flex开发Android应用程序,欢迎大家下载查看。
Flex4开发RIA应用程序.pdfFlex4开发RIA应用程序.pdfFlex4开发RIA应用程序.pdf
本人经常丢手机。所以做了个电话本,是桌面应用程序。好用。需要安装FLEX相关插件才可安装运行。
将 Flex 集成到 Java EE 应用程序的最佳实践 将 Flex 集成到 Java EE 应用程序的最佳实践
sfapi 可以expose flex应用程序的控件,以便测试程序通过执行js方法调用而操作flex界面控件
这是一本入门级的Flex电子书,适合入门的朋友看!