Flex学习笔记1

Flex学习笔记1 - 容器布局对象状态的切换和数据绑定 在 Flex 应用程序中，容器布局对象状态的切换是非常常见的需求。例如，在购物车应用程序中，我们可能需要在不同的状态之间切换，例如从商品浏览状态到购物车状态。这可以通过设置 currentState 属性来实现，例如：`this.currentState='cartView'`。 在 Flex 中，我们可以使用 Model 数据模型来存储和管理数据。例如，在上面的代码中，我们使用 `<fx:Model>` 标签定义了一个名为 `groceryInventory` 的数据模型，该模型包含了多个属性，例如 `catName`、`prodName`、`imageName` 等。 在 Flex 中，我们可以使用两种方式来定义数据模型：一种是直接在 MXML 文件中定义，例如上面的代码所示；另一种是将数据模型定义在外部文件中，例如使用 `<fx:Model id="groceryInventory" source="assets/inventory.xml"></fx:Model>`。 在使用数据模型时，我们可以使用绑定机制来将数据模型的属性与用户界面元素绑定，例如使用 `{groceryInventory.description}` 来绑定 `description` 属性。 Flex 中的函数体可以分为两种：不带参数的函数体和带参数的函数体。例如，在上面的代码中，我们定义了两个函数体：`handleCreationComplete` 和 `handleCategoryResult`，分别用于处理组件的初始化和远程 xml 数据的加载。 Flex 的事件系统是一个非常强大的机制，允许我们在应用程序中处理各种事件，例如鼠标事件、键盘事件等。在上面的代码中，我们使用 `creationComplete` 事件来处理组件的初始化，并使用 `result` 事件来处理远程 xml 数据的加载。 在 Flex 中，我们可以使用多种方式来调用远程 xml 数据，例如使用 `HTTPService` 组件来加载远程 xml 数据。例如，在上面的代码中，我们使用 `<s:HTTPService>` 组件来加载 `http://www.flexgrocer.com/category.xml` 中的远程 xml 数据。 在 Flex 中，我们可以使用多种数据类型，例如 `Boolean`、`Int`、`Number`、`Object`、`String`、`Uint`、`Array`、`Date`、`Error`、`Function`、`RegExp` 等。例如，在上面的代码中，我们使用 `XMLList` 对象来存储远程 xml 数据。 在 Flex 中，我们可以使用 E4X 语法来查询和操作 xml 数据。例如，在上面的代码中，我们使用 `category.product.(@cost == "123")` 来查询 `cost` 属性为 "123" 的 product 元素。 在 Flex 中，我们可以使用数据绑定机制来将数据模型的属性与用户界面元素绑定。例如，在上面的代码中，我们使用 `<s:List>` 组件来显示商品列表，并使用 `dataProvider` 属性来绑定 `categories` 数据模型。 Flex 提供了强大的容器布局对象状态的切换机制、数据模型和绑定机制、事件系统、远程 xml 数据加载机制等功能，帮助我们快速构建强大和灵活的 RIA 应用程序。