Flex 4 的 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