Spark 架构和组件集的简要概述

 

Flex 4 提供的 Spark 组件

Flex 4 目前提供各种 Spark 组件。Flex 的后续版本将提供更多 Spark 控件，与 MX 组件集并驾齐驱。要进一步了解各个 Spark 组件或控件的外观部件、状态和基类，请参阅 文档或 Flex 文档的 和章节。

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 基类以及组件和容器类。您还可以在 中找到个别 Flex 4 功能的详细信息，它提供非常实用的技术信息和代码样本，可以帮助您更好地理解这些功能的实际使用方法。最后， 参考应用程序展示了许多 Flex 功能并提供大量可运行的示例和代码片段，可将它们轻松粘贴到 Flash Builder 中。现在您就可以开始随心所欲地设计和开发 Flex 组件及应用程序了！