FlexChart使用教程

Flex Chart 使用教程

版本

作者 审核人 创建日期 备注 目录

1 2

准备阶段 ................................................................................................................................... 3 开发阶段 ................................................................................................................................... 3

1 准备阶段

1.1 下载并安装Flex Build3或Flex Eclipse插件。

1.1.1.1.1 Flex Build3自带Flex Sdk。这是Flex的编译器，相当于

Java平台的JDK。Flex Build3仅仅是一个集成开发环境。

2 开发阶段

2.1 创建工程

:

New -> Flex Project如图

在New Flex Project对话框中录入Project name、Project location选择Application Type 如图

对于简单的应用来说后面没什么需要设置的，可以直接选择“Finish”。

2.2 认识Flex文件:

Flex Build3为我们创建了以下文件：

FlexDemo是工程的根目录，根目录下包含bin-debug、html-template、libs和src。

其中src是存放源文件的目录，里面保存的是*.mxml、*.as、*.css等文件。

*.mxml是一种xml格式的文件，里面包含标签、样式和脚本用来生成*.swf程序。

*.as是ActionScript的脚本文件，这是一种面向对象的脚本语言，类似于Java或JavaScript。

bin-debug是编译生成的*.swf默认存放的目录。

其他目录的作用不属于本教程讲解范围。

2.3 认识开发模式：

使用Flex Build3开发Flex应用程序时IDE提供了两种开发模式，分别是设计模式和代码编写模式。两种模式通过编辑器上方的“Source”和“Design”按钮切换。 设计模式就是“所见即所得”的开发模式，开发人员在设计模式下可以直接在设计面板上添加控件和控制UI的布局。 设计视图左下是Flex的可视控件可以直接拖到设计面板上面。右侧可以调整属性。

代码编写模式就是开发人员通过标签和脚本来控制布局和控件。