This is a list of all MX components and their Spark counterparts, or missing counterparts.
This list could be used in several ways, as a TODO list if you want to help develop missing Spark components.
As a migration guide to use as a reference for translating MX GUIs to Spark.
As a place to make notes on libraries or code that's been seen out in the wild, or in our whiteboards, that are addressing some of the missing Spark components. Notes like links to where the project is located, author name and email, so we can contact them about possibly donating code to Apache Flex.
MX |
Spark |
Core |
|
Flex defines a default, or Application, container that lets you start adding content to your application without explicitly defining another container. |
Flex defines a default, or Application, container that lets you start adding content to your application without explicitly defining another container. |
|
|
Containers |
|
spark.components.Accordion (MISSING) |
|
An MX Accordion navigator container has a collection of child MX containers or Spark NavigatorContent containers, but only one of them at a time is visible. |
Have you seen me? |
|
|
spark.components.Application.controlBarContent |
|
The ApplicationControlBar container holds components that provide global navigation and application commands For the Halo Application container. |
|
|
|
spark.components.Group |
|
A Halo Box container lays out its children in a single vertical column or a single horizontal row. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Group.html |
|
|
spark.layouts |
|
The BoxDirection class specifies constant values for the direction property of the Box container. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/layouts/package-detail.html |
|
|
spark.components.Group |
|
A Halo Canvas layout container defines a rectangular region in which you place child containers and controls. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Group.html |
|
|
spark.components.Panel.controlBarContent |
|
The ControlBar container lets you place controls at the bottom of a Halo Panel or Halo TitleWindow container. |
|
|
|
spark.components.DividedSkinnableContainer (MISSING) |
|
A DividedBox container measures and lays out its children horizontally or vertically in exactly the same way as a Box container, but it inserts draggable dividers in the gaps between the children. |
Have you seen me? |
spark.components.Form |
|
The Form container lets you control the layout of a form, mark form fields as required or optional, handle error messages, and bind your form data to the Flex data model to perform data checking and validation. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Form.html |
|
|
spark.components.FormHeading |
|
The FormHeading container is used to display a heading for a group of controls inside a Form container. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/FormHeading.html |
|
|
spark.components.FormItem |
|
The FormItem container defines a label and one or more children arranged horizontally or vertically. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/FormItem.html |
|
|
spark.layouts |
|
The FormItemDirection class defines the constant values for the direction property of the FormItem class. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/layouts/package-detail.html |
|
|
spark.components.Grid (MISSING) |
|
A Grid container lets you arrange children as rows and columns of cells, similar to an HTML table. |
Have you seen me? |
|
|
spark.components.GridItem (MISSING) |
|
The GridItem container defines a grid cell in GridRow container. |
Have you seen me? |
|
|
spark.components.GridRow (MISSING) |
|
The GridRow container defines a row in a Grid container, and contains GridCell containers. |
Have you seen me? |
|
|
spark.components.HGroup |
|
The Halo HBox container lays out its children in a single horizontal row. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/HGroup.html |
|
|
spark.components.HDividedSkinnableContainer (MISSING) |
|
The HDividedBox container lays out its children horizontally in the same way as HBox container, but it inserts a draggable divider in the gap between each child. |
Have you seen me? |
|
|
spark.components.Panel |
|
A Halo Panel container consists of a title bar, a caption, a border, and a content area for its children. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Panel.html |
|
|
spark.components.TabNavigator (MISSING) |
|
The MX TabNavigator container extends the MX ViewStack container by including a TabBar container for navigating between its child containers. |
Have you seen me? |
|
|
spark.components.TileGroup |
|
A Halo Tile container lays out its children in a grid of equal-sized cells. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/TileGroup.html |
|
|
spark.layouts.TileOrientation |
|
The TileDirection class defines the constant values for the direction property of the Tile container. |
|
|
|
spark.components.TitleWindow |
|
A TitleWindow layout container contains a title bar, a caption, a border, and a content area for its child. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/TitleWindow.html |
|
|
spark.components.VGroup |
|
The Halo VBox container lays out its children in a single vertical column. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/VGroup.html |
|
|
spark.components.VDividedSkinnableContainer (MISSING) |
|
The VDividedBox container lays out its children vertically in the same way as the VBox container, but it inserts a draggable divider in the gap between each child. |
Have you seen me? |
|
|
spark.components.ViewStack (MISSING) |
|
An MX ViewStack navigator container consists of a collection of child containers stacked on top of each other, where only one child at a time is visible. |
Have you seen me? |
Adobe has done work on a s:ViewStack, this code is awaiting review/donation to the ASF.
Mostly completed by Adobe but needs more testing.
Reference: http://markmail.org/message/w6gjzsxibuwmbkkt |
|
|
|
|
|
|
Controls |
|
spark.components.AdvancedDataGrid (MISSING) |
|
The AdvancedDataGrid control expands on the functionality of the standard DataGrid control to add data visualization features to your Adobe Flex application. |
Have you seen me? |
|
|
|
|
spark.components.Alert (MISSING) |
|
The Alert control is a pop-up dialog box that can contain a message, a title, buttons (any combination of OK, Cancel, Yes, and No) and an icon. |
Have you seen me? |
|
|
spark.components.Button |
|
The Button control is a commonly used rectangular button. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Button.html |
|
|
spark.components.ButtonBar |
|
The ButtonBar control defines a horizontal or vertical group of logically related push buttons with a common look and navigation. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/ButtonBar.html |
|
|
|
|
spark.components.CheckBox |
|
The CheckBox control consists of an optional label and a small box that can contain a check mark or not. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/CheckBox.html |
|
|
spark.components.ColorPicker (MISSING) |
|
The ColorPicker control provides a way for a user to choose a color from a swatch list. |
Have you seen me? |
|
|
|
|
spark.components.ComboBox |
|
The ComboBox control contains a drop-down list from which the user can select a single value. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/ComboBox.html |
|
spark.components.DropDownList |
|
|
|
|
spark.components.DataGrid |
|
The DataGrid control is like a List except that it can show more than one column of data making it suited for showing objects with multiple properties. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/DataGrid.html |
|
|
spark.components.DateChooser (MISSING) |
|
The DateChooser control displays the name of a month, the year, and a grid of the days of the month, with columns labeled for the day of the week. |
Have you seen me? |
|
|
spark.components.DateField (MISSING) |
|
The DateField control is a text field that shows the date with a calendar icon on its right side. |
Have you seen me? |
|
|
spark.components.FileSystemComboBox (MISSING) |
|
The FileSystemComboBox control defines a combo box control for navigating up the chain of ancestor directories from a specified directory in a file system. |
Have you seen me? |
|
|
spark.components.FileSystemDataGrid (MISSING) |
|
The FileSystemDataGrid control lets you display the contents of a single file system directory in a data grid format. |
Have you seen me? |
|
|
spark.components.FileSystemHistoryButton (MISSING) |
|
The FileSystemHistoryButton control defines a single control with two buttons: a main button on the left and a secondary button on the right. |
Have you seen me? |
|
|
spark.components.FileSystemList (MISSING) |
|
The FileSystemList control lets you display the contents of a single file system directory, in a list format. |
Have you seen me? |
|
|
spark.components.FileSystemTree (MISSING) |
|
The FileSystemTree control displays the contents of a file system directory as a tree. |
Have you seen me? |
|
|
spark.components.FlexNativeMenu (MISSING) |
|
The FlexNativeMenu component provides a wrapper for AIR's NativeMenu class. |
Have you seen me? |
|
|
spark.components.FormItem.labelDisplay:IDisplayText |
|
The FormItem container uses a FormItemLabel object to display the label portion of the FormItem container. |
|
|
|
spark.components.HorizontalList (MISSING - should be a List component subclass w/ a HorizontalLayout by default) |
|
The HorizontalList control displays a horizontal list of items. |
Have you seen me? |
|
|
spark.components.HRule (MISSING) |
|
The HRule control creates a single horizontal line. |
Have you seen me? |
|
|
spark.components.HScrollBar |
|
The HScrollBar (horizontal ScrollBar) control lets you control the portion of data that is displayed when there is too much data to fit in a display area. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/HScrollBar.html |
|
|
spark.components.HSlider |
|
The HSlider control lets users select a value by moving a slider thumb between the end points of the slider track. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/HSlider.html |
|
|
spark.components.HTML (MISSING) |
|
The HTML control lets you display HTML content in your application. |
Have you seen me? |
|
|
spark.components.Image |
|
The Image control lets you import JPEG, PNG, GIF, and SWF files at runtime. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Image.html |
|
|
spark.components.Label |
|
The Label control displays a single line of noneditable text. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Label.html |
|
|
spark.components.LinkBar (MISSING) |
|
A LinkBar control defines a horizontal or vertical row of LinkButton controls that designate a series of link destinations. |
Have you seen me? |
|
|
spark.components.LinkButton (MISSING) |
|
The LinkButton control is a borderless Button control whose contents are highlighted when a user moves the mouse over it. |
Have you seen me? |
|
|
spark.components.List |
|
The List control displays a vertical list of items. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/List.html |
|
|
spark.components.Menu (MISSING) |
|
The Menu control creates a pop-up menu of individually selectable choices, similar to the File or Edit menu found in most software applications. |
Have you seen me? |
|
|
spark.components.MenuBar (MISSING) |
|
A MenuBar control defines a horizontal, top-level menu bar that contains one or more menus. |
Have you seen me? |
|
|
spark.components.MovieClipSWFLoader (MISSING) |
|
The MovieClipSWFLoader control extends SWFLoader to provide convenience methods for manipulating a SWF which has a MovieClip as its root content, provided that the MovieClip is not a Flex application. |
Have you seen me? |
|
|
|
|
spark.components.NumericStepper |
|
The NumericStepper control lets the user select a number from an ordered set. |
|
|
|
spark.components.OLAPDataGrid (MISSING) |
|
The OLAPDataGrid control expands on the functionality of the AdvancedDataGrid control to add support for the display of the results of OLAP queries. |
Have you seen me? |
|
|
spark.components.PopUpButton (MISSING) |
|
The PopUpButton control adds a flexible pop-up control interface to a Button control. |
Have you seen me? |
|
spark.components.PopUpAnchor is a base for PopUpButton style components |
|
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/PopUpAnchor.html |
|
|
|
|
spark.components.PopUpMenuButton (MISSING) |
|
The PopUpMenuButton control creates a PopUpButton control with a main sub-button and a secondary sub-button. |
Have you seen me? |
|
|
spark.components.ProgressBar (MISSING) |
|
The ProgressBar control provides a visual representation of the progress of a task over time. |
Have you seen me? |
|
|
spark.components.RadioButton |
|
The RadioButton control lets the user make a single choice within a set of mutually exclusive choices. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/RadioButton.html |
|
|
spark.components.RadioButtonGroup |
|
The RadioButtonGroup control defines a group of RadioButton controls that act as a single mutually exclusive control; therefore, a user can select only one RadioButton control at a time. |
|
|
|
spark.components.RichTextEditor (MISSING) |
|
The RichTextEditor control lets users enter and format text. |
Have you seen me? |
|
spark.components.RichEditableText - Can be used as a base for an s:RichTextEditor |
|
|
|
|
<s:Spacer /> |
|
The Spacer control helps you lay out children within a parent container. |
The spark manifest points to mx:Spacer, so it is being repurposed under the spark namespace. |
|
|
spark.components.SWFLoader (MISSING) |
|
The SWFLoader control loads and displays a specified SWF file. |
Have you seen me? |
|
|
spark.components.TabBar |
|
The TabBar control lets you create a horizontal or vertical group of tab navigation items by defining the labels and data associated with each tab. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/TabBar.html |
|
|
spark.components.Label |
|
The Text control displays multiline, noneditable text. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Label.html |
|
|
spark.components.TextArea |
|
The TextArea control is a multiline text field with a border and optional scroll bars. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/TextArea.html |
|
|
spark.components.TextInput |
|
The TextInput control is a single-line text field that is optionally editable. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/TextInput.html |
|
|
spark.components.TileList (MISSING - should be a s:List component with a TileLayout by default) |
|
The TileList control displays a number of items laid out in tiles. |
Have you seen me? |
|
|
spark.components.ToggleButtonBar (MISSING) |
|
The ToggleButtonBar control defines a horizontal or vertical group of buttons that maintain their selected or deselected state. |
Have you seen me? |
|
|
spark.components.ToolTip (MISSING) |
|
The ToolTip control lets you provide helpful information to your users. |
Have you seen me? |
|
|
spark.components.Tree (MISSING) |
|
The Tree control lets a user view hierarchical data arranged as an expandable tree. |
Have you seen me? |
|
|
spark.components.VideoDisplay |
|
The VideoDisplay control lets you play an FLV file in a Flex application. |
|
|
|
spark.components.VRule (MISSING) |
|
The VRule control creates a single vertical line. |
Have you seen me? |
|
|
spark.components.VScrollBar |
|
The VScrollBar (vertical ScrollBar) control lets you control the portion of data that is displayed when there is too much data to fit in a display area. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/VScrollBar.html |
|
|
spark.components.VSlider |
|
The VSlider control lets users select a value by moving a slider thumb between the end points of the slider track. |
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/VSlider.html |
|
|
|
|
|
|
Formatters |
|
|
|
spark.formatters.CurrencyFormatter |
|
The CurrencyFormatter class formats a valid number as a currency value. |
|
|
|
|
|
spark.formatters.DateFormatter |
|
The DateFormatter class uses a format String to return a formatted date and time String from an input String or a Date object. |
|
|
|
|
|
spark.formatters.NumberFormatter |
|
The NumberFormatter class formats a valid number by adjusting the decimal rounding and precision, the thousands separator, and the negative sign. |
|
|
|
spark.formatters.PhoneFormatter (MISSING) |
|
The PhoneFormatter class formats a valid number into a phone number format, including international configurations. |
Have you seen me? |
|
|
spark.formatters.SwitchSymbolFormatter (MISSING) |
|
The SwitchSymbolFormatter class is a utility class that you can use when creating custom formatters. |
Have you seen me? |
|
|
spark.formatters.ZipCodeFormatter (MISSING) |
|
The ZipCodeFormatter class formats a valid number into one of the following formats, based on a user-supplied formatString property. |
Have you seen me? |
|
|
|
|
|
|
Validators |
|
spark.validators.CreditCardValidator (MISSING) |
|
The CreditCardValidator class validates that a credit card number is the correct length, has the correct prefix, and passes the Luhn mod10 algorithm for the specified card type. |
Have you seen me? |
|
|
spark.validators.CurrencyValidator |
|
The CurrencyValidator class ensures that a String represents a valid currency expression. |
|
|
|
spark.validators.DateValidator (MISSING) |
|
The DateValidator class validates that a String, Date, or Object contains a proper date and matches a specified format. |
Have you seen me? |
|
|
spark.validators.EmailValidator (MISSING) |
|
The EmailValidator class validates that a String has a single @ sign, a period in the domain name and that the top-level domain suffix has two, three, four, or six characters. |
Have you seen me? |
|
|
spark.validators.NumberValidator |
|
The NumberValidator class ensures that a String represents a valid number. |
|
|
|
spark.validators.PhoneNumberValidator (MISSING) |
|
The PhoneNumberValidator class validates that a string is a valid phone number. |
Have you seen me? |
|
|
spark.validators.RegExpValidator (MISSING) |
|
The RegExpValidator class lets you use a regular expression to validate a field. |
Have you seen me? |
|
|
spark.validators.SocialSecurityValidator (MISSING) |
|
The SocialSecurityValidator class validates that a String is a valid United States Social Security number. |
Have you seen me? |
|
|
spark.validators.StringValidator (MISSING) |
|
The StringValidator class validates that the length of a String is within a specified range. |
Have you seen me? |
|
|
spark.validators.ZipCodeValidator (MISSING) |
|
The ZipCodeValidator class validates that a String has the correct length and format for a five-digit ZIP code, a five-digit+four-digit United States ZIP code, or Canadian postal code. |
Have you seen me? |
|
|
|
|
|
|
|
|
Charts |
|
spark.charts.AreaChart (MISSING) |
|
The AreaChart control represents data as an area bounded by a line connecting the values in the data. |
Have you seen me? |
|
|
spark.charts.BarChart (MISSING) |
|
The BarChart control represents data as a series of horizontal bars whose length is determined by values in the data. |
Have you seen me? |
|
|
spark.charts.BubbleChart (MISSING) |
|
The BubbleChart control represents data with three values for each data point. |
Have you seen me? |
|
|
spark.charts.CandlestickChart (MISSING) |
|
The CandlestickChart control represents financial data as a series of candlesticks representing the high, low, opening, and closing values of a data series. |
Have you seen me? |
|
|
spark.charts.ColumnChart (MISSING) |
|
The ColumnChart control represents data as a series of vertical columns whose height is determined by values in the data. |
Have you seen me? |
|
|
spark.charts.HLOCChart (MISSING) |
|
The HLOCChart (High Low Open Close) control represents financial data as a series of elements representing the high, low, closing, and optionally opening values of a data series. |
Have you seen me? |
|
|
spark.charts.Legend (MISSING) |
|
The Legend control adds a legend to your charts, where the legend displays the label for each data series in the chart and a key showing the chart element for the series. |
Have you seen me? |
|
|
spark.charts.LegendItem (MISSING) |
|
Controls the individual legend elements in a chart legend. |
Have you seen me? |
|
|
spark.charts.LineChart (MISSING) |
|
The LineChart control represents a data series as points connected by a continuous line. |
Have you seen me? |
|
|
spark.charts.PieChart (MISSING) |
|
The PieChart control represents a data series as a standard pie chart. |
Have you seen me? |
|
|
spark.charts.PlotChart (MISSING) |
|
The PlotChart control represents data with two values for each data point. |
Have you seen me? |
4 Comments
Anonymous
The Spark accordion should have an additional option to keep tabs open instead of closing them when a new tab gets opened.
Like this: http://flexlib.googlecode.com/svn/trunk/examples/WindowShade_Sample.swf
Stephen Kringas
Saw the following blog which has a spark ColorPicker
Spark ColorPicker
Anonymous
What does "Have you seen me?" mean?
Wilson Silva
Some components like Alert, Menu, ProgressBar, have been spotted and may be added in an upcoming release.