Flex学习02---Flex的安装和HelloFlex

前面我们主要是对Flex有了一个简单的了解，下面我们需要对Flex进行进一步的学习。首先我们需要一个开发的环境和工具，前面我们说了一个FlashBuilder（以前叫FlexBuilder），它是在Eclipse的基础上进行开发的，所以说我们可以安装FlashBuilder或者在Eclipse中安装FlashBuilder的插件进行开发，笔者因为也是刚接触Flex，这里选择的是FlashBuilder4，具体的下载可以到Adobe官网上进行下载，安装和普通软件安装过程一致，没有什么特殊之处；

       下面我们来使用FlashBuilder进行第一个Flex项目的开发---HelloFlex

首先新建Flex项目（这里我们因为才接触，首先选择应用程序类型时选择桌面的），建立完后会有：

其和Java的项目结构基本相同，在HelloFlex.mxml文件中进行编写Flex，有两种方式一是编写源代码，二是通过设计模式进行控件的拖拽，感觉类似于Java的swing程序和.NET程序；

在HelloFlex.mxml文件中：

<?xml version="1.0" encoding="utf-8"?> <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"                        xmlns:s="library://ns.adobe.com/flex/spark"                        xmlns:mx="library://ns.adobe.com/flex/mx">     <fx:Declarations>         <!-- 将非可视元素（例如服务、值对象）放在此处 -->     </fx:Declarations>     <fx:Script>         <![CDATA[             import mx.controls.Alert;                         //以前，我们这样写的private function void sayHello()             private function sayHhello():void{                 Alert.show("Hello Flex","title");             }         ]]>     </fx:Script>     <s:Panel x="93" y="53" width="250" height="200" backgroundColor="#F7F7F7" borderColor="#F40E0E" title="HelloFlex" color="#2B16F6" chromeColor="#F00707" focusColor="#1976CD">         <s:Button x="149" y="61" label="按钮" click="sayHhello()"/>     </s:Panel> </s:WindowedApplication>

运行效果：

在编写中我们可以发现FlashBuilder里的组件是比较丰富的；