`
lgcpeter
  • 浏览: 89727 次
  • 性别: 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 地图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开发的起点,通过"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特效

    Flex特效在IT行业中主要指的是Adobe Flex,它是一个用于构建富互联网应用程序(RIA)的开源框架。Flex使用MXML和ActionScript编程语言,可以创建交互性强、视觉效果丰富的Web应用程序。在网页设计和开发中,Flex特效...

    flex事件flex事件flex事件flex事件

    在前端开发领域,Flex布局(Flexible Box)是现代网页设计中的一个重要组成部分,它极大地提高了我们构建响应式和动态布局的能力。"flex事件"这个概念可能指的是与Flex布局相关的JavaScript事件或者是在Flex容器中...

    Flex简介Flex简介Flex简介Flex简介

    Flex是Adobe公司推出的一种用于构建富互联网应用(Rich Internet Applications,简称RIA)的技术产品,它主要服务于企业级应用开发。Flex旨在提供一个强大的工具集,用于创建具有高度交互性和视觉吸引力的用户界面,...

    《FLEX第一步》 源代码

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

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

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

    我的第一个flex项目

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

    Flex 组件Flex 组件Flex 组件

    Flex组件是Adobe Flex框架的核心部分,它是一组预先构建的用户界面元素,用于构建富互联网应用程序(RIA)。Flex组件库提供了丰富的控件集合,包括按钮、文本框、列表、面板等,使得开发者能够轻松创建具有交互性和...

    java flexjava flexjava flex

    java flexjava flexjava 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图片

Global site tag (gtag.js) - Google Analytics