Flex应用程序结构概述闪奕flex培训-flex培训-flex暑期培训-flex周末班-北京flex培训

首先创建一个fx:Script元素，用来在CDATA块内保存ActionScript代码。

接着添加导入，使得在这个类中可以访问导入的那些类。闪奕flex培训-flex培训-flex暑期培训-flex周末班-北京flex培训

然后创建一个ArrayCollection类型的变量_tasks，将它初始化为新的ArrayCollection。这个变量是List中数据绑定的源，所以需要给它标记[Bindable]注释。

createTask函数调用ArrayCollection _tasks的addItem方法，其中一个新Task的名称就是newTaskTI.text的值。这个函数的返回值为void，意味着什么也不返回。

deleteSelectedTask函数调用ArrayCollection _tasks的removeItemAt方法，删除索引为taskList.selectedIndex的任务。

接下来，我们创建一个标题为"Todo List"的Panel，它的宽度和高度都为100%，表明它将占用去掉父应用程序填充空间以外的全部宽度和高度。

在Panel中创建的第一个组件是VGroup，它是其他组件的容器，以垂直方式排列其中的组件。

VGroup中的第一个组件是HGroup，它也是一个容纳其他用户界面组件的容器，以水平方式排列其中的组件。在HGroup内，我们创建了一个Label、一个TextInput和一个Button。

这个是New Task标签。

TextInput有一个id是newTaskTI。在MXML文件中，组件的id属性作为组件的变量名使用（MXML文件就是一个类，id就是类中一个公共成员变量的名称）。如果没有为组件提供id，Flex会自动提供一个，但是这样我们就不知道组件的id是什么了，所以也就无法在我们自己的代码中引用这个组件。有时这种做法不错：因为我们不需要引用Button，所以也就不用费事给它指定id了。请注意，只要newTaskTI广播enter（进入）事件，就会调用createTask。闪奕flex培训-flex培训-flex暑期培训-flex周末班-北京flex培训

我们还修改了Create按钮，让它在广播click事件时调用createTask函数。

taskList有一个labelField，上面的文字是name（因为这是我们要显示的Task的属性）。

taskList的dataProvider绑定到_tasks。这意味着List组件垂直显示的项目清单中的数据是由一个数据提供程序提供的，这里就是ArrayCollection _tasks。可以将数据提供程序对象的成员的特定属性选作要显示的值，在这个示例中，Task对象的name属性被选中，作为labelField特性的值提供。闪奕flex培训-flex培训-flex暑期培训-flex周末班-北京flex培训

最后，Delete按钮的enabled属性用于判断taskList中是否有非空selectedItem（为的是防止用户删除不存在的Task），并处理click事件，触发deleteSelectedTask函数。我们希望只有在用户选中了清单中的某个项目之后，才显示Delete按钮（不是灰掉或不活动）。如果选中了清单中的某个项目，则清单的selectedItem属性绑定到该项目；如果没有选中项目，则为null。因此，我们可以根据这个事实控制Delete按钮的启用状态。

要点

Flex应用程序通常会包含许多MXML和ActionScript组件，它们分别保存在.mxml和.as文件中。这些组件被组织成包。
MXML用于安排用户界面布局，ActionScript（包括MXML Script块内和ActionScript文件中的）用于行为设计。你甚至可以将ActionScript代码（例如，函数调用）放在MXML特性值内，例如click= "deleteSelectedTask()"。
这些组件通过数据绑定和手动分派事件进行通信。闪奕flex培训-flex培训-flex暑期培训-flex周末班-北京flex培训
或许您还想了解：

闪奕flex培训-flex培训-flex暑期培训-flex周末班-北京flex培训