Flex学习笔记_03 Hello Flex

1. 可创建项目类型

可通过Flex Builder 2.0创建下面3种类型的项目：

    Flex 2 项目 ：基于Flex Framework；

    AS 3.0 项目 ：创建ActionScript 3.0 ，使用AS动态绘制界面等。

    Flex 库项目 ：创建自己的库文件，将Flex组件或者其他资源封装在一起，形成一个SWC文件，Flex Framework就被封装为一个SWC文件。可在任何地方使用。

2. 创建Flex项目 Flex Project

选择菜单：File->New->Flex Project

 

    

 

Flex 有3种类型 ：

    Basic ：一般配置，适用于以HTTP或者Web Service等进行数据传送。

    ColdFusion Flash Romoting Service ：专用于和ColdFusion 服务端进行Flash Remoting方式的通信。

    Flex Data Services ：用于FDS通信。FDS是Flex 2系列中的一个服务器端产品，提供了对Java对象的直接访问、实时通信等功能。

 

这里我们选择第一中类型

 

输入项目的名称 Project name和存放的路径 Folder

 

配置程序的一些源代码和运行库环境。默认，不用修改，点击Finish，完成创建

 

等待Builder自动生成所有的基本文件（主程序文件、项目的库文件配置、HTML页面模板等），这时在左侧的导航式视图中，可以看到所有项目的文件结构：

 

bin： 用来存放程序编译后输出的SWF和HTML等一系列文件。XML文件、图片、样式表等其他资源也放在这里。

html-template：生成HTML页面的文件模板，包括检测用户浏览器插件版本的JS脚本和自动下载最新插件的SWF文件。

HelloFlex.mxml ：项目的主程序文件。

 

3. 插入组件和代码

却换到视图模式，在组件面板中分别把Button和Label拖入到编辑区。却换到代码模式。

 

完整代码如下：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 
 <mx:Script>
  <![CDATA[
   internal function doClick():void{
    tip_txt.text='欢迎来到RIA的世界--开始Flex之旅';
   }
  ]]>
 </mx:Script>
 
 <mx:Button x="41" y="90" label="Hello Flex" click="doClick()"/>
 <mx:Label id="tip_txt" x="41" y="41" text="你好，Flex" fontSize="12"/> 
</mx:Application>

mxml文件是一个标准的XML文件，只不过是以mxml为扩展名。

mx: 为flex的命名空间，以后出现的标签不能以mx为命名空间。

<mx:Application> 为程序的根标签。代表一个应用程序。一般对于应用程序的设置在这个标签下。其他标签包含在里面。更多关于Application下次再介绍。

<mx:Script> 包含在里面的代码是AS脚本，<![CDATA[]]>为XML标准输出，就是不管里面的代码是什么就输出什么，可以避免<、>、&等跟XML解析时冲突。
<mx:Button> 定义一个按钮，并绑定了click事件，触发AS定义的doClick方法

<mx:Label> 定义了标签

 

4. 编译和运行程序

点击工具栏的运行图标，开始编译。如果程序有错误，将中止编译，并在错误面板中列出错误信息。否则编译结束后将自动打开浏览器，来显示程序。点击上面的按钮标签显示的文字变化。

trace('字符串'); 调试模式在控制台输出。

分享到：

Firefox中国时间18日可下载 | Flex学习笔记_02 Flex的安装和开发环境的建 ...

• 2008-06-16 23:30
• 浏览 3241
• 评论(3)
• 论坛回复 / 浏览 (1 / 5101)
• 分类:Web前端
• 查看更多

评论

3 楼 liyan2008_2009 2009-02-06  

很好，谢谢啊

2 楼 jsnjlc 2008-08-28  

longleg 写道

应该写点如何不使用IDE，用命令行如何编译。毕竟有很多人只是想简单试试技术，而不去下载IDE工具。谢谢楼主。

1.在您喜爱的文本编辑器 (如, 记事本) 中创建一个新文件并将它另存为 HelloFlex.mxml。
2.从前面的示例中将代码输入到 HelloFlex.mxml 中并保存您的文件。
3.通过选择“开始”>“所有程序”>“附件”>“命令提示符”, 打开命令窗口。
4.将您的当前目录更改为包含您在步骤 1 中保存的 Flex 应用程序的文件夹。
5.键入下面的命令来调用 Flex 编译器: mxmlc --strict=true --file-specs HelloFlex.mxml以双短划线开头的命令字符串中的项目被称为编译器选项, 它们被用于定义 Flex 编译器的行为。 在前面的示例中, 您将 --strict 选项设置为 true 以强制编译器进入 Strict 模式。 在 Strict 模式下, 编译器对您的代码具有较高的期望。 例如, 它期望您以静态方式键入变量。 您使用 --file-specs 选项来指定被编译的 MXML 文件。
6.在 Windows 资源管理器中双击 SWF 文件或在命令行中输入其名称, 在独立的 Adobe Flash Player 9 中打开它。

1 楼 longleg 2008-08-19  

应该写点如何不使用IDE，用命令行如何编译。毕竟有很多人只是想简单试试技术，而不去下载IDE工具。谢谢楼主。