图解Flex开发教程

一 Flex 开发环境搭建

<一> Flex开发工具下载

   据说，Adobe Flash Builder可在官网下载；进入下页；

跳转到此页；

在上页点击查看所有试用；如下图；

    但是点击其中的Flash Builder 4.7和Flex SDK 4.6，均出现下列页面；

    页面的意思也就是说，Adobe官网不再提供Flash Builder 4.x 的试用下载；所以只能在别处想办法；

    鄙人在网上下了一个，放在此处，需要可下载；测试可用；

http://pan.baidu.com/s/1o6kMaQu

<二> 安装

    双击安装；

    出现下列画面，鄙人选择忽略并继续；

选择安装试用版；

    安装完成；启动，出现下列画面，输入序列号；一组不对再输另一组；输入后可进入IDE界面；

    具体序列号等相关内容网上有，鄙人不提供；鄙人不赞成使用盗版；

<三> 开始使用

1 手动输入代码，建立第一个flex项目；

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
  xmlns:s="library://ns.adobe.com/flex/spark" 
  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- -->
</fx:Declarations>
</s:Application>

进入命令行的安装目录的sdks\4.6.0\bin；用mxmlc命令手动编译；结果出现下图；提示说还需要安装JDK；

 安装完JDK后， 再次手动编译，出现如下似乎有错的提示，但是hello.swf文件已经生成；

安装完JDK后，进入Flex IDE；新建Flex项目如下图；选择应用程序类型为web；

 编译运行，虽然加了Label，但是运行后什么也没显示；后查是把<mx:Label写在了<fx:中，这个是错误的；

如果手动建立一个桌面型的mxml文件，手动编译，会出现如下错误提示；应该是还需要mxmlc的某些编译命令选项；

桌面型与web型mxml程序的区别在于，如下两段代码：

web型；

<?xml version="1.0" encoding="utf-8"?>
<s:Application

桌面型；

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication

运行建立的web型flex项目，提示还需要安装Adobe Flash Player，安装完成后如下所示；

<四> 来几个flex精华部分内容

    Flex主要效果强的地方在于其特效；既然可以使用了；下面做几个特效例子看下；敲入如下所示代码，运行，结果如下图，单击鼠标时移动图像；果然移动了哈；

    可以在网页中运行，也可以右键生成的swf文件，选择用Adobe Flash Player 11播放；下图是播放的情形；

    再做一个发光特效；敲入如下代码，运行；结果如下；发光，果然发光了!  Flex的特效还真是不赖；

    Flex特效代码下载：

http://pan.baidu.com/s/1mgFYnQ4