1 调用module
新建一个module:
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function showModuleMessage():void
{
Alert.show("单击模块");
}
]]>
</mx:Script>
<mx:Button x="129" y="89" label="Button" click="showModuleMessage()"/>
</mx:Module>
然后在主程序中,直接把这个module拖拉进去,即:
<mx:Script>
<![CDATA[
private function loadModule(http://www.cnblogs.com/jackyrong/admin/String):void
{
currentModule.url=url;
currentModule.loadModule();
}
]]>
</mx:Script>
<mx:ModuleLoader width="50%" height="50%" id="currentModule" click='loadModule("ModuleStu.swf")' horizontalCenter="0" verticalCenter="0">
</mx:ModuleLoader>
这里通过moduleloader来去调用这个module
2 下面的例子显示titlewindows的用法:
首先搞一个登陆的对话框:
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" showCloseButton="true" close="PopUpManager.removePopUp(this);" >
<mx:Script>
<![CDATA[
//引入需要的包
import mx.managers.PopUpManager;
import mx.controls.TextInput;
//声明两个TextInput组件用于与舞台进行数据通信
public var userName:TextInput;
public var password:TextInput;
//定义一个函数传递数据并关闭窗口
private function processLogin():void {
//将输入传递给舞台上的TextInput组件
userName.text=username_txt.text;
password.text=password_txt.text;
//移除窗口
PopUpManager.removePopUp(this);
}
]]>
</mx:Script>
<mx:Form>
<mx:FormItem label="用户名">
<mx:TextInput id="username_txt" width="100%"/>
</mx:FormItem>
<mx:FormItem label="密码">
<mx:TextInput id="password_txt" displayAsPassword="true" width="100%"/>
</mx:FormItem>
</mx:Form>
<mx:HBox>
<mx:Button click="processLogin();" label="登录"/>
<mx:Button label="取消" click="PopUpManager.removePopUp(this);"/>
</mx:HBox>
</mx:TitleWindow>
然后在一个mxml中,建立一个button,两个文本框,当点button时,以模态方式打开登陆窗口,
当在登陆窗口中输入内容后,在原来的文本框中显示输入的用户名和密码:
<mx:Script>
<![CDATA[
//引入PopUpManager类
import mx.managers.PopUpManager;
//定义一个函数弹出对话框
private function showLogin():void {
//使用PopUpManager创建一个模式的弹出LoginWindow对话框,并得到引用
var login_win:LoginWindow =LoginWindow(PopUpManager.createPopUp(this, LoginWindow,true));
//设定弹出窗口的位置为舞台的中心
PopUpManager.centerPopUp(login_win);
//设定弹出窗口的标题
login_win.title="登录";
//将显示的TextInput的引用传递给弹出窗口
login_win.userName=userName_txt;
login_win.password=password_txt;
}
]]>
</mx:Script>
<mx:Button id="login_btn" click="showLogin();" label="Login" horizontalCenter="0" verticalCenter="0"/>
<!--用于显示窗口输入的内容-->
<mx:TextInput id="userName_txt" horizontalCenter="0" verticalCenter="64"/>
<mx:TextInput id="password_txt" horizontalCenter="0" verticalCenter="88"/>
3 alert对话框:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Panel x="10" y="45" width="436" height="259" layout="absolute" fontSize="12" title="Alert组件示例">
<mx:Button x="39" y="47" label="点 我" click="onClick()" fontWeight="normal"/>
<mx:Button x="116" y="47" label="点 我" fontWeight="normal" click="onClickTitle()"/>
<mx:Button x="204" y="47" label="点 我" fontWeight="normal" click="onClickConfrm()"/>
<mx:Label x="39" y="149" id="alertResult" fontWeight="bold" color="#2500C7" width="219"/>
<mx:Button x="295" y="47" label="点 我" fontWeight="normal" click="onClickHandler()"/>
</mx:Panel>
<mx:Script>
<![CDATA[
import mx.events.CloseEvent;
import mx.controls.Alert;
internal function onClick():void
{
Alert.show("Hello World!");
}
internal function onClickTitle():void
{ Alert.show("Hello World!","这里是标题");
}
internal function onClickConfrm():void
{
Alert.yesLabel="是";
Alert.noLabel="否";
Alert.show("Hello World!","这里是标题",4,this,onCloseHandler);
}
internal function onCloseHandler(evt:CloseEvent):void
{ if(evt.detail==Alert.YES)
{
alertResult.text = "你选择的是:“是”!";
}
else
{
alertResult.text = "你选择的是:“否”!";
}
}
internal function onClickHandler():void
{
Alert.yesLabel="是";
Alert.noLabel="否";
Alert.cancelLabel="取消";
Alert.show("Hello World!","这里是标题",1|2|8,this,onCloseHandler);
}
]]>
</mx:Script>
</mx:Application>
分享到:
相关推荐
本教程是作者精心编写的Flex学习资料,适合初学者入门,通过图文并茂的方式,帮助读者快速掌握Flex的基本概念和核心技能。 1. **Flex基础**:Flex提供了MXML和ActionScript两种编程方式。MXML是一种声明式语言,...
Flex学习与总结 Flex是一种用于构建富互联网应用(RIA)的开发框架,由Adobe公司提供。RIA技术旨在提升网络应用的交互性和表现力,克服传统HTML页面在用户体验上的局限。随着网络带宽的提高,RIA逐渐成为互联网应用...
总结来说,Flex4学习文档为开发者提供了一套系统的RIA开发知识体系。通过掌握文档中的知识点,开发者可以熟练运用Flex进行企业级RIA应用程序的开发,满足现代Web交互的需求。随着互联网技术的不断进步,RIA以及Flex...
在本资料包中,你将找到一系列关于Flex学习的文档和资源,涵盖了从基础到高级的各种主题。 1. **Flex入门知识.docx** - 这个文档可能是对Flex的基本概念和环境设置的介绍,包括安装Flex Builder或Flash Builder IDE...
### Flex完全自学入门手册知识点详解 #### 一、前言 Flex是一种开源的软件框架,主要用于构建跨浏览器、跨平台的富互联网应用(RIA)。它最初由Macromedia开发,并在2005年被Adobe收购后得到了进一步的发展和完善...
《Flex弹性布局学习总结.docx》可能是作者对Flex布局学习过程的全面总结,包括基础概念、主要属性、使用场景和实际应用案例。文档可能涵盖了以下关键知识点: 1. **基础概念**:Flex容器(flex container)和Flex...
《FLEX学习笔记》 FLEX,全称为Flex Builder,是由Adobe公司开发的一款基于MXML和ActionScript的开源框架,用于构建富互联网应用程序(RIA)。它允许开发者创建具有交互性、响应性和丰富用户体验的Web应用。FLEX的...
【Flex培训总结】 Flex,全称Adobe Flex,是由Macromedia公司推出的,旨在支持富互联网应用程序(RIA)的开发和部署的技术组合。随着Macromedia被Adobe收购,Flex也成为了Adobe的重要产品。Flex主要使用...
Flex技术是Adobe公司推出的一种基于ActionScript和Flash Player运行时的富互联网应用程序(RIA...通过学习这份总结,你可以了解当时的Flex如何帮助开发者构建高性能、互动性强的Web应用,并为未来的技术选择提供参考。
Flex编译错误码总结 Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。在开发过程中,我们可能会遇到各种编译错误,这些错误代码可以帮助开发者理解和解决遇到的问题。以下是对Flex...
Flex是Adobe公司开发的一种用于构建富互联网应用程序(RIA)的框架,主要基于ActionScript和MXML。本篇文章将深入探讨Flex的基本概念、数据...通过不断实践和学习,你将能够利用Flex构建功能强大、交互丰富的RIA应用。
《Flex完全自学手册》是一本深入探讨Adobe Flex技术的专业书籍,该书的源码和电子教案(PPT)提供了一套全面的学习资源,旨在帮助读者从零基础开始掌握Flex编程。Flex是Adobe公司开发的一个开源框架,主要用于构建富...
通过本文的学习,我们了解了Flex的基础知识,包括MXML和ActionScript的基本用法以及如何编译和运行Flex应用程序。Flex作为一种强大的Web开发技术,不仅支持丰富的用户界面设计,还能实现复杂的业务逻辑处理,非常...
《Flex完全自学手册》是一本全面介绍Adobe Flex技术的教程,特别适合初学者进行系统学习。Flex是一种用于构建富互联网应用程序(RIA)的开放源代码框架,它允许开发者使用MXML和ActionScript来创建交互式的、基于Web...
接着,详细讲解了Flex3及其开发工具FlexBuilder的安装配置过程,为后续的学习打下坚实的基础。 二、初识Flex:从HelloWorld开始 为了使读者快速上手,书中提供了首个Flex项目——“HelloWorld”的创建步骤,通过这...
在这个名为"flex 学习项目中总结的时间处理工具类DateUtils"的项目中,我们可能找到了一个针对Flex开发环境优化的日期处理工具。Flex是一种基于Adobe ActionScript的开源框架,主要用于构建富互联网应用(RIA)。 `...
总结来说,这个“flex入门打包教程”旨在引导初学者快速进入Flex开发的世界,从环境搭建开始,逐步掌握Flex与Java的整合、基本编程概念以及实际应用案例。通过这些教程,你可以建立起对Flex开发的全面认识,并有能力...
Flex ActionScript 学习笔记是关于使用Adobe Flex技术并结合ActionScript 3.0进行开发的知识总结。ActionScript 3.0是随着Flash CS3一起推出的一种强大的编程语言,相较于之前的ActionScript版本,它有着显著的提升...