Spark 架构和组件集的简要概述
Spark 架构和组件集的简要概述
Flex 4 提供的 Spark 组件
Flex 4 目前提供各种 Spark 组件。Flex 的后续版本将提供更多 Spark 控件,与 MX 组件集并驾齐驱。要进一步了解各个 Spark 组件或控件的外观部件、状态和基类,请参阅 Adobe Flash Platform 的 ActionScript 3.0 参考*文档或 Flex 文档的 Spark 容器*和基于 Spark 列表的控件*章节。
Spark 容器
所有 Spark 容器都支持可指定布局。
- Group-Flex 4 中的一个不可设计外观的容器类,它可以包含 UIComponents 等可视子代、Adobe Flash Professional 中创建的 Flex 组件或图形元素。
- DataGroup-Flex 4 中的一个不可设计外观的容器类,它只能包含子代等非可视数据项。DataGroup 容器支持生成项呈示器(这是一种可视元素,它将数据项转换为可显示项)及其元素的虚拟化。
- SkinnableContainer-Group 的可设计外观的版本。
- SkinnableDataContainer-DataGroup 的可设计外观的版本。
- Application-针对基于浏览器的 Flex 应用程序、可设计外观的顶级容器(与 AIR 应用程序相反,后者使用下述 Spark WindowedApplication 容器)。
- BorderContainer-支持边框和背景填充的 CSS 样式的一个可设计外观的容器(与 MX 容器支持的边框和背景样式类似)。
- Panel-支持标题栏、题注和边框的一个可设计外观的容器。
- TitleWindow-与 Panel 类似、支持关闭按钮和可移动区域的一个可设计外观的容器。TitleWindow 将通过 PopUpManager 以弹出窗口形式弹出。
- Window-可用作 Adobe AIR 应用程序中的顶级应用程序窗口的一个可设计外观的组件。
- WindowedApplication-定义 Adobe AIR 应用程序中的应用程序容器的一个可设计外观的组件。
按钮组件
- Button-可设计外观的矩形按钮。
- Button-可设计外观的矩形按钮。
- CheckBox-包含标签和支持复选标记的框、可设计外观的组件。
- RadioButton-用于跨一组相互排斥的单选按钮识别一个选择、可设计外观的组件。
范围组件
- ScrollBar-用于控制给定内容区域中的数据显示量、可设计外观的组件。
- Slider-允许通过在一个滑块轨迹的两个端点之间拖动缩略图选择值、可设计外观的组件。
- Spinner-包含用于从一个有序集中选择值的向上和向下按钮、可设计外观的组件。
- NumericStepper-可设计外观的组件,它实质上是一个连接到 Spark TextInput 控件的 Spark Spinner 控件,允许选择和编辑数值。
文本组件
- Label-显示单行统一格式文本、不可设计外观的控件。
- RichText-可显示多行富格式文本并支持嵌入图像、不可设计外观的控件。
- RichEditableText-可用于显示、滚动、编辑和选择多行富格式文本、不可设计外观的控件。
- TextArea-允许显示和编辑多行富格式文本、可设计外观的控件。
- TextInput-允许显示和编辑单行统一格式文本、可设计外观的控件。
基于列表的组件
- List-显示数据项、可设计外观的组件。它支持生成项呈示器、单项和多项选择、拖放操作、虚拟化和可指定布局。
- DropDownList-允许用户从拖放打开的列表中选择值、可设计外观的组件。
- ComboBox-可设计外观的组件,实质上是一个带有可编辑功能的 Spark DropDownList。
导航器组件
- ButtonBar-支持从类似于导航器的一组按钮中选择一个按钮、可设计外观的组件。
- TabBar-支持从类似于导航器的一组选项卡中选择一个选项卡、可设计外观的组件。
Spark 滚动组件
- Scroller-定义可滚动视图、可设计外观的组件,可支持垂直和水平滚动栏。
Spark 媒体组件
- VideoPlayer-支持回放视频媒体、可设计外观的组件,它构建在开放源媒体框架*之上。
后续工作
您已经进一步了解 Flex 4 提供的功能强大的新 Spark 外观设计架构和组件集,现在可以自定义一个现有 Spark 组件或从头开始构建自己的 Spark 组件了。Spark 架构的丰富功能使您能轻松构建出与 Flex 4 先前版本中的 Flex 内容截然不同的 Flex 应用程序和组件。
如果需要更多信息,可参阅 Spark 组件架构*的相关技术白皮书,它具体说明了 Spark 外观设计合同、Spark 基类以及组件和容器类。您还可以在 Flex 4 文档*中找到个别 Flex 4 功能的详细信息,它提供非常实用的技术信息和代码样本,可以帮助您更好地理解这些功能的实际使用方法。最后,Tour de Flex* 参考应用程序展示了许多 Flex 功能并提供大量可运行的示例和代码片段,可将它们轻松粘贴到 Flash Builder 中。现在您就可以开始随心所欲地设计和开发 Flex 组件及应用程序了!