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 媒体组件

下面给出了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
posted @ 2011-06-14 10:52  Marksion  阅读(945)  评论(0编辑  收藏  举报