【Controls】
| MX | Spark |
| mx.controls.AdvancedDataGrid | none |
| mx.controls.Alert | none |
| mx.controls.Button | spark.components.Button |
| mx.controls.CheckBox | spark.components.CheckBox |
| mx.controls.ColorPicker | none |
| mx.controls.ComboBox | spark.components.DropDownList (w/o editability) |
| mx.controls.DataGrid | none |
| mx.controls.DateChooser | none |
| mx.controls.DateField | none |
| mx.controls.HorizontalList | spark.components.List (w/ HorizontalLayout) |
| mx.controls.HSlider | spark.components.HSlider |
| mx.controls.Image | spark.primitives.BitmapImage |
| mx.controls.Label | spark.components.Label |
| mx.controls.LinkButton | spark.components.Button (w/ custom skin) |
| mx.controls.List | spark.components.List |
| mx.controls.Menu | none |
| mx.controls.NumericStepper | "spark.components.Spinner (no TextInput control)spark.components.NumericStepper" |
| mx.controls.OLAPDataGrid | none |
| mx.controls.PopUpButton | use spark.components.PopUpAnchor |
| mx.controls.PopUpMenuButton | use spark.components.PopUpAnchor |
| mx.controls.ProgressBar | none |
| mx.controls.RadioButton | spark.components.RadioButton |
| mx.controls.RadioButtonGroup | spark.components.RadioButtonGroup |
| mx.controls.RichTextEditor | build own component |
| mx.controls.SWFLoader | none |
| mx.controls.Text | spark.components.Label |
| mx.controls.TextArea | spark.components.TextArea |
| mx.controls.TextInput | spark.components.TextInput |
| mx.controls.TileList | spark.components.List (w/ TileLayout) |
| mx.controls.Tree | none |
| mx.controls.VideoDisplay | spark.components.VideoPlayer |
| mx.controls.VSlider | spark.components.VSlider |
【Additional Spark controls】
spark.components.ToggleButton
spark.components.HScrollBar
spark.components.VScrollBar
【Layouts/Containers】
| MX | Spark |
| mx.core.Application | spark.components.Application |
| mx.containers.ApplicationControlBar | spark.components.ControlBarContent |
| mx.containers.Canvas | "spark.components.Groupspark.components.DataGroupspark.components.SkinnableContainerspark.components.SkinnableDataContainerspark.components.Border" |
| mx.containers.ControlBar | spark.components.ControlBarContent |
| mx.containers.Form | none |
| mx.containers.FormHeading | spark.component.FormHeading |
| mx.containers.Grid | write custom layout |
| mx.containers.HBox | spark.components.HGroup |
| mx.containers.HDividedBox | use MX with Spark containers |
| mx.controls.HRule | spark.primitives.Line |
| mx.modules.ModuleLoader | none |
| mx.containers.Panel | spark.components.Panel |
| mx.controls.Spacer | none |
| mx.containers.Tile | spark.components.Group (w/ TileLayout) |
| mx.containers.TitleWindow | none |
| mx.containers.VBox | spark.components.VGroup |
| mx.containers.VDividedBox | use MX with Spark containers |
| mx.controls.VRule | spark.primitives.Line |
| mx.core.Window | spark.components.Window |
| mx.core.WindowedApplication | spark.components.WindowedApplication |
【Additional Spark Layouts/Containers】
spark.components.Scroller
【Navigators 】
| MX | Spark |
| mx.containers.Accordion | use MX with Spark containers |
| mx.controls.ButtonBar | spark.components.ButtonBar |
| mx.controls.LinkBar | spark.components.ButtonBar (w/ custom skin) |
| mx.controls.MenuBar | none |
| mx.controls.TabBar | spark.components.ButtonBar (w/customSkin) |
| mx.containers.TabNavigator | custom Spark TabBar with MX ViewStack |
| mx.controls.ToggleButtonBar | spark.components.ButtonBar (w/ custom skin) |
| mx.containers.ViewStack | use MX with Spark containers |
【Charts 】
| MX | Spark |
| mx.charts.AreaChart | none |
| mx.charts.BarChart | none |
| mx.charts.BubbleChart | none |
| mx.charts.CandlestickChart | none |
| mx.charts.ColumnChart | none |
| mx.charts.HLOCChart | none |
| mx.charts.Legend | none |
| mx.charts.LineChart | none |
| mx.charts.PieChart | none |
| mx.charts.PlotChart | none |