`
yuehuahappy
  • 浏览: 8229 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

掌握以下几点,就可以做一个Flex的小项目了~~~~~ .

    博客分类:
  • Flex
阅读更多

1.弹出新窗口
Flex通过PopUpManager类来实现弹出新窗口:
先设置好要弹出窗口的页面,然后在主窗口中先new出弹出窗口的对象,然后可以对弹出窗口的属性进行
赋值,
      var genggai : GengGaiWindow = new GengGaiWindow();
      genggai.logId = adg.selectedItem.id;
      使用PopUpManager类中的以下两个方法弹出窗口:
     PopUpManager.addPopUp(genggai,this);
      PopUpManager.centerPopUp(genggai);
      使用PopUpManager类中以下方法关闭已弹出的窗口:PopUpManager.removePopUp(this);
 
 
 
2.页面跳转——多视图切换
Flex应用中,可以实现依据用户的不同需求进行补同视图间的切换,此过程中只有一个视图被显示在顶层
,其他视图以堆叠的形式被隐藏。这一功能是同过ViewStack容器实现的。 ViewStack包含的容器都是一
个视图,视图间的切换要通过其他组件或编写ActionScript来实现。
在本例中,<mx:ViewStack >标签下的视图:
       <mx:Canvas id=“View1”>    视图View1    </mx:Canvas>
     <mx:Canvas id=“View1”>    视图View2    </mx:Canvas>
     视图间切换:viewstack1.selectedChild=View2;
 
 
 
3.Flex访问服务端的java应用
基于LCDS的Flex应用最强大的功能就是能够直接通过LCDS调用服务端的java代码(通过使用Remoting服务
的方式):
     使用时将后端的java类在remoting-config.xml配置文件当中描述,然后通过Flex将配置文件中的别
名当作远程对象进行调用。配置文件:
      <destination id="UserService">
           <properties>  <source>service.UserService</source>   </properties>
      </destination>
      页面中通过以下标签替代直接只用类库调用远程对象:
      <mx:RemoteObject id=“userService” destination=“ UserService ”/>
      声明RemoteObject类实例的同时指明了remoting-config.xml配置文件中声明的java类的别名,这
样就可以调用远程java类了:
      userService.login(strname,strpwd);
 
 
 
4.Flex页面接收java类的返回值
Flex不能直接接收java类的返回值,需要通过以下方法:
     首先在声明远程java类的同时,指明调用该java类的某个方法时,返回值通过某个ActionScript来
处理:
     <mx:RemoteObject id="logService" destination="LogService">
              <mx:method name="getTotalPages" result="getTotelResult(event)"/>
     </mx:RemoteObject>
     接下来在ActionScript中接收java类的传值:
            private function getTotelResult(evt:ResultEvent):void{       
                            totlepage = evt.result as int;          }
      上述过程第一步,也可以放在ActionScript中,比如在某个ActionScript 中:
          logService.addEventListener(ResultEvent.RESULT,functionResult);
 
 
 
 
5.页面动态实时显示列表
JAVA里的LIST、ARRAYLIST对应到FLEX里可以用ArrayCollection来接收。要做到动态地显示列表,首先动
态绑定页面中的ArrayCollection类:[Bindable]
      public var logAC : ArrayCollection = new ArrayCollection();
      接着还要实现列表的动态刷新,删除某一项时:
           调用this.initWindow()使页面刷新;
      添加新日志时:
          调用mmm.initWindow()使主页面刷新,其中mmm为主页面类型的对象(var        mmm :
FlexTest;),在弹出添加窗口时,主页面将自己副给添加窗口的mmm属性,
          public function gotoDetail3():void{
             var tianjia : TianJiaWindow = new TianJiaWindow();
             tianjia.mmm = this;
             PopUpManager.addPopUp(tianjia,this);
             PopUpManager.centerPopUp(tianjia);   }
 
 
 
6.Flex中类似超链接的实现
Flex中没有超链接,可以变相的实现超链接,首先定义链接的地址:
      public var u:URLRequest = new URLRequest
("http://localhost:8080/FlexTest/bin/FlexTest.html");
      写一个ActionScript,利用navigateToURL(u,‘_self’)方法链接到以上地址:
      private function clickTTSelectResult(event:CloseEvent) :void
      {navigateToURL(u,'_self');}
      页面中的链接按钮,调用以上的ActionScript:
      <mx:LinkButton x="508" y="405" label="退出" width="66" height="20" fontSize="11"
click="popTAlert()" />
 
 
 
 
7.利用FileReference上传文件
需要被上传的文件被声明为FileReference类。
      打开文件浏览窗口用: file.browse(allTypes); 注意FileFilter的用法,它不能直接作为
FileReference类的成员函数browse的参数,要放入数组allTypes中。 具体上传代码:
      var request: URLRequest = new URLRequest
("http://localhost:8080/FlexTest/FileUploadServlet?userid="+userid); 
      //request.data = "userid = " + userid;
      file.upload(request); 

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    flex例子.flex源程序

    通过这个"flex例子.flex源程序",你不仅可以了解Flex的基本语法和组件使用,还能学习到如何组织和管理一个Flex项目,以及如何利用FlexCover这样的工具进行测试和质量控制。在深入学习过程中,还可以尝试扩展和修改...

    flex-bootstrap.jar.zip

    使用Flex Bootstrap的步骤通常包括以下几点: 1. **引入库**:首先,你需要将“flex-bootstrap.jar”文件添加到Flex项目的库路径中。这可以通过在Flex Builder或命令行编译器中配置类路径来实现。 2. **导入样式**...

    很好的flex项目源码

    学习Flex项目源码,你需要掌握以下几个关键知识点: 1. **Flex框架**:了解Flex的基本概念,包括MXML和ActionScript的交互,以及如何利用Flex SDK和Flex Builder(现在称为Flash Builder)进行开发。 2. **MXML...

    Wrox.Professional.Adobe.Flex.2.May.2007.rar

    这本书的内容可能涵盖了以下几个关键知识点: 1. **Flex基础**:包括Flex架构、工作流程、项目设置以及基本组件的使用,例如Button、TextInput和Canvas等,这些都是构建用户界面的基础元素。 2. **ActionScript ...

    Rss.zip_flex

    在Flex中开发RSS订阅器,通常会涉及到以下几个核心知识点: 1. **XML处理**:Flex内建了对XML的良好支持,可以方便地解析和操作RSS feed。通过使用`XML`类和`XMLList`类,我们可以读取RSS feed的结构并提取所需信息...

    Flex21点小游戏

    在Flex中实现21点游戏,需要掌握以下几个关键知识点: 1. **MXML与ActionScript结合**:Flex项目通常由MXML和ActionScript两部分组成。MXML用于定义用户界面布局和组件,而ActionScript则负责处理逻辑和交互。在21...

    整合spring+flex的web项目

    整合Spring与Flex,主要涉及以下几个关键步骤和知识点: 1. **服务接口定义**:在Spring中定义服务接口,这些接口将暴露给Flex客户端调用。例如,你可以创建一个`UserService`接口,包含增删改查等操作。 2. **...

    Flex BlazeDS java 项目

    在Flex BlazeDS项目中,主要涉及以下几个关键知识点: 1. **Adobe Flex**:Flex 是一个用于构建富互联网应用程序(RIA)的开放源代码框架,使用MXML和ActionScript开发。MXML是一种声明性语言,用于创建用户界面...

    flex中文教程伴有flexbuilder

    教程中,你可以期待以下几个关键知识点的讲解: 1. **Flex基础**:首先会介绍Flex的基本概念,包括什么是Flex,为什么使用Flex,以及Flex的应用场景。这将帮助你理解Flex在RIA开发中的重要性。 2. **ActionScript...

    Flex3 中文版 教程.pdf

    教程可能包含以下几个核心知识点: 1. **Flex SDK与Flash Player**:Flex SDK是用于开发Flex应用的开源工具集,包括编译器和Flex Builder(或现在的Flash Builder)。而Flex应用运行在Flash Player之上,为用户提供...

    FLEX4-instance.rar_flex_flex4

    在IT行业中,Flex是Adobe公司推出的一种用于构建富互联网应用程序(Rich Internet Applications,RIA)的开源框架,而Flex 4则是其重要的一个版本。Flex 4,也被称为Spark架构,带来了许多新特性和改进,旨在提供更...

    Flex第一步

    Flex编程涉及到以下几个方面: - **MXML**:Flex的主要标记语言,用于描述UI布局和组件属性。 - **ActionScript**:Flex的应用逻辑主要通过ActionScript实现,它是ECMAScript的一种扩展。 - **数据模型**:Flex支持...

    Flex3StyleExplorer_V3.rar_flex

    StyleExplorer工具的功能可能包括以下几点: 1. **预览样式**:用户可以查看并尝试各种预定义的组件样式,观察不同样式参数对组件外观的影响。 2. **实时编辑**:工具可能支持实时编辑样式属性,修改后的样式会立即...

    flex blazeds的入门例子

    Flex BlazDS是一个强大的数据集成框架,用于在Adobe Flex客户端和Java服务器之间建立实时的双向通信。这个入门例子是针对初学者设计的,旨在展示如何使用Flex与BlazDS进行基本的数据交换。在这个实例中,我们关注的...

    JSP嵌入一个或多个Flex

    **正文** ...而Flex是Adobe公司推出的...通过以上知识点的学习和实践,开发者可以有效地在JSP中嵌入一个或多个Flex模块,创建出功能强大且用户体验优良的Web应用。理解并掌握这些技术,对于提升Web开发能力具有重要意义。

    FLEX4_Flex4教程 - FLEX4从入门到精通,挺不错的值得一看

    Flex4教程通常会涵盖以下几个关键知识点: 1. **ActionScript 3.0**:Flex4的基础是ActionScript 3.0,这是一种面向对象的编程语言,它在性能和功能上都远超ActionScript 2.0。学习Flex4首先要掌握AS3的基本语法、...

    Flex与JS交互

    在学习和实践Flex与JavaScript交互时,需要掌握以下关键点: 1. **理解Flash Player的安全模型**:Flash Player有严格的同源策略,了解如何配置Crossdomain.xml文件以允许跨域通信至关重要。 2. **调试技巧**:使用...

    一些关于flex的示例网站

    以下是对这几个网站及其提供的关键知识点的详细解析。 ### 1. Adobe Flex QuickStart:Your First Application 这个网站提供了Flex开发的入门指南,是初学者的理想起点。通过一系列逐步指导,它帮助用户理解Flex的...

    Flex带时间的日期控件

    为了实现与官方样式相同且好看精简的效果,我们需要关注以下几点: 1. **样式定制**:使用Flex的皮肤ning机制,我们可以自定义DateTimeChooser的外观,包括颜色、字体、边框等。通过定义CSS样式或创建自定义Skin类...

Global site tag (gtag.js) - Google Analytics