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里的组件是比较丰富的；