初学flex

初学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中提供的样例控件就都尽收眼底了。
   后续：有源文件，有开发工具，你可以随意摆弄这些代码，熟悉语法，熟悉开发环境，熟悉对象属性，拼拼凑凑完成自己的一个组合界面了。