`

flex学习小结5

    博客分类:
  • FLEX
阅读更多

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>

1
0
分享到:
评论

相关推荐

    flex学习笔记 flex学习总结 flex学习教程

    本教程是作者精心编写的Flex学习资料,适合初学者入门,通过图文并茂的方式,帮助读者快速掌握Flex的基本概念和核心技能。 1. **Flex基础**:Flex提供了MXML和ActionScript两种编程方式。MXML是一种声明式语言,...

    Flex学习与总结

    Flex学习与总结 Flex是一种用于构建富互联网应用(RIA)的开发框架,由Adobe公司提供。RIA技术旨在提升网络应用的交互性和表现力,克服传统HTML页面在用户体验上的局限。随着网络带宽的提高,RIA逐渐成为互联网应用...

    Flex4学习文档

    总结来说,Flex4学习文档为开发者提供了一套系统的RIA开发知识体系。通过掌握文档中的知识点,开发者可以熟练运用Flex进行企业级RIA应用程序的开发,满足现代Web交互的需求。随着互联网技术的不断进步,RIA以及Flex...

    Flex学习资料总结

    在本资料包中,你将找到一系列关于Flex学习的文档和资源,涵盖了从基础到高级的各种主题。 1. **Flex入门知识.docx** - 这个文档可能是对Flex的基本概念和环境设置的介绍,包括安装Flex Builder或Flash Builder IDE...

    Flex完全自学入门手册

    ### Flex完全自学入门手册知识点详解 #### 一、前言 Flex是一种开源的软件框架,主要用于构建跨浏览器、跨平台的富互联网应用(RIA)。它最初由Macromedia开发,并在2005年被Adobe收购后得到了进一步的发展和完善...

    Flex布局学习资料

    《Flex弹性布局学习总结.docx》可能是作者对Flex布局学习过程的全面总结,包括基础概念、主要属性、使用场景和实际应用案例。文档可能涵盖了以下关键知识点: 1. **基础概念**:Flex容器(flex container)和Flex...

    FLEX学习笔记

    《FLEX学习笔记》 FLEX,全称为Flex Builder,是由Adobe公司开发的一款基于MXML和ActionScript的开源框架,用于构建富互联网应用程序(RIA)。它允许开发者创建具有交互性、响应性和丰富用户体验的Web应用。FLEX的...

    FLEX培训总结

    【Flex培训总结】 Flex,全称Adobe Flex,是由Macromedia公司推出的,旨在支持富互联网应用程序(RIA)的开发和部署的技术组合。随着Macromedia被Adobe收购,Flex也成为了Adobe的重要产品。Flex主要使用...

    FLEX技术总结20110414

    Flex技术是Adobe公司推出的一种基于ActionScript和Flash Player运行时的富互联网应用程序(RIA...通过学习这份总结,你可以了解当时的Flex如何帮助开发者构建高性能、互动性强的Web应用,并为未来的技术选择提供参考。

    Flex编译错误码总结

    Flex编译错误码总结 Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。在开发过程中,我们可能会遇到各种编译错误,这些错误代码可以帮助开发者理解和解决遇到的问题。以下是对Flex...

    FLEX简单的入门快速总结

    Flex是Adobe公司开发的一种用于构建富互联网应用程序(RIA)的框架,主要基于ActionScript和MXML。本篇文章将深入探讨Flex的基本概念、数据...通过不断实践和学习,你将能够利用Flex构建功能强大、交互丰富的RIA应用。

    《Flex完全自学手册》源码+电子教案(PPT)

    《Flex完全自学手册》是一本深入探讨Adobe Flex技术的专业书籍,该书的源码和电子教案(PPT)提供了一套全面的学习资源,旨在帮助读者从零基础开始掌握Flex编程。Flex是Adobe公司开发的一个开源框架,主要用于构建富...

    Flex教程大全 flex快速入门

    通过本文的学习,我们了解了Flex的基础知识,包括MXML和ActionScript的基本用法以及如何编译和运行Flex应用程序。Flex作为一种强大的Web开发技术,不仅支持丰富的用户界面设计,还能实现复杂的业务逻辑处理,非常...

    flex完全自学手册

    《Flex完全自学手册》是一本全面介绍Adobe Flex技术的教程,特别适合初学者进行系统学习。Flex是一种用于构建富互联网应用程序(RIA)的开放源代码框架,它允许开发者使用MXML和ActionScript来创建交互式的、基于Web...

    flex-超好的flex学习资料

    接着,详细讲解了Flex3及其开发工具FlexBuilder的安装配置过程,为后续的学习打下坚实的基础。 二、初识Flex:从HelloWorld开始 为了使读者快速上手,书中提供了首个Flex项目——“HelloWorld”的创建步骤,通过这...

    flex 学习项目中总结的时间处理工具类DateUtils

    在这个名为"flex 学习项目中总结的时间处理工具类DateUtils"的项目中,我们可能找到了一个针对Flex开发环境优化的日期处理工具。Flex是一种基于Adobe ActionScript的开源框架,主要用于构建富互联网应用(RIA)。 `...

    flex入门打包教程

    总结来说,这个“flex入门打包教程”旨在引导初学者快速进入Flex开发的世界,从环境搭建开始,逐步掌握Flex与Java的整合、基本编程概念以及实际应用案例。通过这些教程,你可以建立起对Flex开发的全面认识,并有能力...

    flex actionscript学习笔记

    Flex ActionScript 学习笔记是关于使用Adobe Flex技术并结合ActionScript 3.0进行开发的知识总结。ActionScript 3.0是随着Flash CS3一起推出的一种强大的编程语言,相较于之前的ActionScript版本,它有着显著的提升...

Global site tag (gtag.js) - Google Analytics