Flex学习02--HelloWorld


 1、打开eclipse,新建一个FlashBuilder项目如下图:

Flex学习02--HelloWorld_第1张图片
 

2、操作如下图


Flex学习02--HelloWorld_第2张图片
 Flex学习02--HelloWorld_第3张图片


Flex学习02--HelloWorld_第4张图片
 上面的“Main application file”中的值应用helloworld.mxml,此处的名称新建项目时,默认与项目名称一致。

3、项目创建完成后,项目目录结构如下图:


Flex学习02--HelloWorld_第5张图片

4、打开helloworld.mxml文件

<?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>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
 </fx:Declarations>
</s:Application>

5、输入以下代码:

<?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"
      initialize="init()">
 <fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
 </fx:Declarations>
 <fx:Script>
  <![CDATA[
   //导入包
   import mx.controls.Alert;
   //创建方法,当所有子组件生成完成后触发,在这个时间点还没有组件被渲染出来.
   protected function init():void
   {
    Alert.show("Hello World");//相当于javascript中的alert("hello world");  
   }
  ]]>
 </fx:Script>
</s:Application>
如下图:


Flex学习02--HelloWorld_第6张图片
 运行项目:


Flex学习02--HelloWorld_第7张图片

8、得到如下效果:


Flex学习02--HelloWorld_第8张图片
 


 

 

 


 

 

 

你可能感兴趣的:(helloworld)