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 – 支持标题栏、标题和边界的可换皮容器。Panel – 支持标题栏、标题和边界的可换皮容器。
- TitleWindow – 与支持关闭按钮和可移动区域的 Panel 相似的可换皮容器。 TitleWindow 可以作为一个弹出视窗由 PopUpManager 弹出。
- Window – 可换皮组件。它可以用作 Adobe AIR 应用程序的顶级应用程序视窗。
- WindowedApplication – 可换皮组件。它能够在 Adobe AIR 应用程序中定义应用程序容器。
按钮组件
- Button – 可换皮矩形按钮。
- CheckBox – 可换皮组件。它由一个标签和一个支持打钩标记的方框组成。
- RadioButton – 可换皮组件。它能够用于在一组互斥的单选按钮中识别单一选择。
范围组件
- ScrollBar – 可换皮组件。它能够控制在一个给定内容区域中显示数据的数量。
- Slider – 可换皮组件。它允许通过将一个微型图标拖拽至导轨的两个端点之间来选择值。
- Spinner – 可换皮组件。它由用于从有序集中选择值的 up 和 down 按钮组成。
- NumericStepper – 可换皮组件。它实际上是与 Spark TextInput 控件相连的 Spark Spinner 控件，并且支持选择和编辑 numeric 类型的值。
文本组件
- Label – 不可换皮控件。它能够显示单行的统一格式文本。
- RichText – 不可换皮控件。它能够显示多行支持嵌入图像的富文本。
- RichEditableText – 不可换皮控件。它能够用于显示、滚动、编辑和选择多行富文本。
- TextArea – 可换皮控件。它能够允许显示和编辑多行富文本。
- TextInput – 可换皮控件。它能够允许显示和编辑单行统一格式文本。
基于列表组件
- List – 可换皮组件。它能够显示数据条目。 它支持条目渲染器生成、单行和多行选择、拖放操作、虚拟化以及可分配布局等。
- DropDownList – 可换皮组件。它允许用户从不知不觉打开的数值列表中选择数值。
- ComboBox – 可换皮组件。它实际上是一个具有编辑功能的Spark DropDownList。
导航组件
- ButtonBar – 可换皮组件。它支持从类似浏览器的按钮组中选择的单个按钮。
- TabBar – 可换皮组件。它支持从类似浏览器的标签组中选择的单个标签。
Spark 滚动组件
- Scroller – 可换皮组件。它定义一个可滚动视图并且支持垂直和水平滚动条。
Spark 媒体组件
- VideoPlayer – 可换皮组件。它支持视频媒体的播放并且构建于 开源媒体框架（Open Source Media Framework）上。
下面给出了Flex 3 MX 组件及其对应的Flex 4 Spark 组件：
| Flex 3 MX Component | Flex 4 Spark Component |
|---|---|
| mx.controls.Button | spark.components.Button |
| mx.controls.ButtonBar | spark.components.ButtonBar |
| mx.controls.CheckBox | spark.components.CheckBox |
| mx.controls.ComboBox | spark.components.DropDownList (w/o editability) |
| mx.controls.HorizontalList | spark.components.List (with a HorizontalLayout) |
| mx.controls.HRule | spark.primitives.Line |
| mx.controls.HScrollBar | spark.components.HScrollBar |
| mx.controls.HSlider | spark.components.HSlider |
| mx.controls.Image | spark.primitives.BitmapImage (w/o support for external images) |
| mx.controls.LinkBar | spark.components.ButtonBar (with a custom skin) |
| mx.controls.LinkButton | spark.components.Button (with a custom skin) |
| mx.controls.List | spark.components.List |
| mx.controls.NumericStepper | spark.components.NumericStepper |
| mx.controls.RadioButton | spark.components.RadioButton |
| mx.controls.RadioButtonGroup | spark.components.RadioButtonGroup |
| mx.controls.TextArea | spark.components.TextArea |
| mx.controls.TabBar | spark.components.TabBar |
| mx.controls.TextInput | spark.components.TextInput |
| mx.controls.TileList | spark.components.List (with a TileLayout) |
| mx.controls.ToggleButtonBar | spark.components.ButtonBar |
| mx.controls.VideoDisplay | spark.components.VideoPlayer |
| mx.controls.VRule | spark.primitives.Line |
| mx.controls.VScrollBar | spark.components.VScrollBar |
| mx.controls.VSlider |
spark.components.VSlider |
| mx.core.Application | spark.components.Application |
| mx.core.Window | spark.components.Window |
| mx.core.WindowedApplication | spark.components.WindowedApplication |
| mx.containers.ApplicationControlBar | spark.components.Application (with the controlBarContent) |
| mx.containers.Canvas | spark.components.Group |
| mx.containers.ControlBar | spark.components.Panel (with the controlBarContent property) |
| mx.containers.HBox | spark.components.HGroup |
| mx.containers.Panel | spark.components.Panel |
| mx.containers.Tile | spark.components.Group (with a TileLayout) |
| mx.containers.VBox | spark.components.VGroup |
下面给出了目前没有直接与Spark对应类的组件和容器。
| Flex 3 classes with no direct Flex 4 counterpart |
|---|
| mx.controls.Alert |
| mx.controls.ColorPicker |
| mx.controls.DataGrid |
| mx.controls.DateChooser |
| mx.controls.DateField |
| mx.controls.Menu |
| mx.controls.MenuBar |
| mx.controls.PopUpButton |
| mx.controls.PopUpMenuButton |
| mx.controls.ProgressBar |
| mx.controls.RichTextEditor |
| mx.controls.Tree |
| mx.containers.Accordion |
| mx.containers.DividedBox |
| mx.containers.Form |
| mx.containers.Grid |
| mx.containers.TabNavigator |
| mx.containers.TitleWindow |
| mx.containers.ViewStack |
