Spark components of flex 4

Spark container

All Spark containers support the allocable layout function.

• Group-Flex 4 is a skin-less container class that can contain image sub-components, such as uicomponents, flex components created using Adobe Flash Professional, and graphic elements.
• The container roup-Flex 4 container class cannot be changed. It can only contain non-image data entries as sub-components. The render roup container supports entry Renderer (an image element that converts data entries to display images) Generation and virtualization of its elements.
• Skinnablecontainer-group can be changed.
• Skinnabledatacontainer-skin roup version.
• Application-browser-based flex ApplicationProgram(Unlike the AIR application, it uses the spark javaswedapplication container described below ).
• Bordercontainer-a CSS style convertible container that supports border and background filling (similar to the border and background style supported by the MX container ).
• Panel-replaceable containers with title bars, titles, and boundaries are supported. Panel-replaceable containers with title bars, titles, and boundaries are supported.
• Titlewindow-a replaceable container similar to a panel that supports the close button and a movable area. Titlewindow can be used as a pop-up window by popupmanager.
• Window-skin replaceable component. It can be used as a top-level application window for Adobe AIR applications.
• Windowedapplication-skin replaceable component. It can define application containers in Adobe AIR applications.

Button Components

• Button-skin-changing rectangular button.
• Checkbox-skin replaceable component. It consists of a tag and a box that supports hook marking.
• Radiobutton-skin replaceable component. It can be used to identify a single choice in a set of mutually exclusive radio buttons.

Range component

• Scrollbar-skin replaceable component. It can control the number of data displayed in a given content area.
• Slider-skin replaceable component. It allows you to drag a micro icon between two endpoints of the rail to select a value.
• Spinner-skin replaceable component. It consists of the up and down buttons used to select values from the ordered set.
• Numericstepper-skin replaceable component. It is actually a spark spinner control connected to the spark textinput control, and supports selecting and editing numeric values.

Text Components

• Label-do not change skin controls. It displays the Unified Text of a single row.
• Richtext-skin control is not allowed. It can display rich texts that support embedded images in multiple lines.
• Richeditabletext-skin control is not allowed. It can be used to display, scroll, edit, and select multi-line rich text.
• Textarea-skin-changing controls. It allows you to display and edit multi-line rich texts.
• Textinput-skin-changing controls. It allows you to display and edit the text in a single row in a unified format.

List-based components

• List-skin-changing components. It displays data entries. It supports entry Renderer generation, single-line and multi-line selection, drag-and-drop operations, virtualization, and allocable layout.
• Dropdownlist-skin-changing components. It allows you to select a value from the value list that is opened without knowing it.
• ComboBox-skin replaceable component. It is actually a spark dropdownlist with the editing function.

Navigation component

• Buttonbar-skin replaceable component. It supports a single button selected from a button group similar to a browser.
• Tabbar-skin-changing component. It supports a single tag selected from a tag group similar to a browser.

Spark rolling component

• Scroller-skin replaceable component. It defines a scrollable view and supports vertical and horizontal scroll bars.

Spark Media Components

• Videoplayer-skin-changing components. It supports video media playback and is built on the open source media framework.

The Flex 3 MX component and its corresponding flex 4 spark component are provided below:

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. Wide wedapplication	Spark. components. parse wedapplication
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

The following shows that there are no components and containers directly corresponding to the spark class.

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