`
lgcpeter
  • 浏览: 90077 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

第一次亲密接触Flex

阅读更多
    上大学的时候,看到好多精彩炫丽的flash,学习了一些flash的知识。那个时候不怎么会写脚本,就用动画的概念一帧一帧的拼出一个flash。后来工作以后,给客户在线演示产品,有接触了Captivate。2006年末的时候,客户要求开发一个在线产品展示平台,我偶然搜到了adobe用flex开发的网上购物演示,就体会到如果用flex来实现这个产品展示平台将是很动人的事情,由于某种原因最终未能如愿。最近在做一个通用视频培训平台时又用到了FLV播放器,也是用Flex开发的,最终效果和土豆、优酷非常类似。这些场景使我对flash的展现效果情有独钟,况且有adobe这样的公司在运作flash,如果可能的话应该在合适的场合来把flex集成到我们现在开发的应用中,比如图表功能、表单功能、打印功能等等。基于以上的经历和思路,决定花功夫学习一下flex还是值得的。
    首先,到adobe官方网站下载flex builder 3(当前最新版本)并安装。安装完毕后会看到一些入门文章中提到的Flex SDK已经在builder中存在了,所以初学仅下载个builder就够了。
然后,打开builder发现它就是基于eclipse开发的,我想这个IDE对于大多数java开发着再熟悉不过了。首次进入时会有一个欢迎界面和初学者向导,我比较习惯看看这些东西,点击下载提供的入门工程Flex3GSEIII_a_WorkingWithData_JSP,并导入builder中。看看工程结构跟我们平时的JAVAEE工程有了一些不同。多了bin-debug和html-template文件夹,文件类型主要是*.mxml、*.as。在工程的左侧视图右键*.mxml运行(类似与运行java文件),会有一个编译过程,过后弹出一个html,html中运行的正式flash。当时比较好奇,一个mxml是如何经过编译产生html和flash的,打开刚才提到的bin-debug发现两个文件生成到了这个文件夹。仔细读一下mxml的代码发现跟XHTML基本类似,其中的一些function都是AS写的。至此我分析得到如下结论:mxml+as-->swf,中间的转换是adobe集成在builder中的转换工具完成的。如此跟我们以往HTML+JS的编程习惯很类似了,并且XHTML与AS的结合更紧密一些。由于初学原理性的知识我就理解至此了。 
    最后,我们关心的是用flex都能实现哪些控件,并且控件的效果如何。我没有迫不及待的去google,而是又深入到builder的安装目录下,在D:\Flex Builder 3\sdks\3.0.0发现了好东西,别的我不关心,先看samples,子目录下有一个explorer,其中包含一个build.bat。看到这个bat我更加确定了我以上的结论。于是运行bat,开始编译其下的mxml文件逐一生成swf文件。花一段时间生成完毕,打开类似于index的swf文件,sdk中提供的样例控件就都尽收眼底了。
     后续:有源文件,有开发工具,你可以随意摆弄这些代码,熟悉语法,熟悉开发环境,熟悉对象属性,拼拼凑凑完成自己的一个组合界面了。

 

分享到:
评论

相关推荐

    Flex移动开发第一次分享

    标题中的“Flex移动开发第一次分享”表明这次的内容主要聚焦于使用Adobe Flex技术进行移动应用的开发。Flex是一种基于ActionScript和MXML的开源框架,主要用于构建富互联网应用程序(RIA)和移动应用程序。这次分享...

    Flex第一步

    ### Flex第一步知识点解析 #### 一、Flex简介与特性 Flex是一种开源的Web应用程序开发框架,主要用于构建跨浏览器和跨平台的应用程序。Flex基于Flash Player和Adobe AIR运行时环境,可以创建高性能且丰富的互联网...

    flex第一步

    flex第一步

    flex第一步全部源码

    总的来说,"flex第一步全部源码"提供了一个开始Flex开发的起点,通过"library.swf"和"catalog.xml"可以了解Flex应用的基本构成和组织方式。随着对Flex框架的深入学习,开发者可以创建出功能强大、用户体验优秀的RIA...

    Flex Flex Flex Flex

    Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex ...

    Flex万年历记事本_flex源码

    Flex是Adobe公司推出的一种基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(Rich Internet Applications,简称RIA)。这种技术允许开发者创建具有高度交互性和动态视觉效果的Web应用,提供比传统...

    Flex4 一学就会 (Hello Flex4)

    "Hello Flex4"是学习Flex4的基本入门项目,通常会展示如何创建一个简单的Flex应用程序,包括初始化一个新的Flex项目、设置基本的布局、添加第一个组件并显示“Hello Flex4”文本。这个过程中,开发者会接触到Flex ...

    《FLEX第一步》 源代码

    本资源有完整的FLEX第一步光盘源代码,包括flex许多实例,其中还有不错的项目实例

    《Flex第一步》PDF+源码下载

    《Flex第一步》是一本针对Adobe Flex初学者的入门教程,旨在帮助读者快速掌握Flex开发的基础知识和技能。这本书包含了从基本概念到实际应用的全面介绍,涵盖了ActionScript、MXML、Flex组件、数据绑定以及Flex应用...

    我的第一个flex项目

    《我的第一个Flex项目》 Flex是一种用于构建富互联网应用程序(RIA)的技术,它基于ActionScript编程语言和Flash Player运行环境。本项目旨在介绍如何创建一个简单的Flex应用,以帮助初学者快速入门。在这个过程中...

    flex第一步源代码全

    Flex第一步源代码全 在IT领域,Flex是一种用于构建富互联网应用程序(Rich Internet Applications, RIA)的技术,它由Adobe公司开发,主要基于ActionScript和MXML。本资源集成了Flex开发的“第一步”源码,这对于...

    Flex第一步源码 Flex

    这个“Flex第一步源码”压缩包可能是针对初学者或开发者的一个入门教程,包含了一些基本的Flex应用程序示例和源代码。 在Flex开发中,ActionScript是主要的后端编程语言,类似于JavaScript,而MXML则是一种声明式...

    Flex相册 Flex图片

    Flex相册 Flex图片

    Flex第一步--基于ActionScript 3.0的Flex 2应用开发 第2、 6、 13章

    Flex是Adobe公司推出的一种用于构建富互联网应用程序(RIA, Rich Internet Applications)的开源框架,它主要基于Flash Player或Adobe AIR运行环境。本资料主要聚焦在Flex 2的应用开发,特别是结合ActionScript 3.0...

    记事万年历flex源码

    Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用(RIA)。它允许开发者使用MXML和ActionScript来创建交互式、图形化的用户界面,这些界面可以在多种浏览器和操作系统上运行,包括桌面和移动设备。 ...

    flex flex和 java交互

    Flex是Adobe公司开发的一种开放源代码的富互联网应用程序(RIA)框架,主要用于构建具有动态图形、交互性丰富的Web应用。Flex应用程序通常使用ActionScript编程语言,并基于Flash Player或Adobe AIR运行时环境。Java...

    学Flex建的第一个项目HelloFlex

    "学Flex建的第一个项目HelloFlex"是一个非常适合初学者入门的实践教程,旨在帮助新学习者理解Flex的基本概念和开发流程。 在本项目中,你将学习如何使用Flex SDK或Flex Builder来创建一个简单的应用,该应用的核心...

    Flex资料大全(Flex白皮书 Flex cookbok Flex编程指南 Flex设计模式等)

    Flex白皮书是Adobe官方发布的技术文档,通常包含Flex框架的概述、技术特点、开发环境的搭建、基本组件介绍以及如何创建第一个Flex应用等内容。它为开发者提供了全面的框架理解,是初学者入门的必备资料。 2. **...

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

    Flex是Adobe公司推出的一种用于构建富互联网应用程序(RIA)的技术,它基于ActionScript编程语言和Flex框架,可以创建交互性强、用户体验优秀的Web应用。本教程是作者精心编写的Flex学习资料,适合初学者入门,通过...

Global site tag (gtag.js) - Google Analytics