`

Flex 3.X to Flex 4.X Migration 组件列表

    博客分类:
  • Flex
阅读更多
1.1 Flex 3.4 to Flex 4.5 migration:
Methodology / Approach: Incremental migration
  Step 1: Choose a single module and remove all other modules in the project
  Step 2: Point the project to Flex 4.5 SDK    
  Step 3: Change the required changes to the code in the module (Ref: 1.2)
  Step 4: Replace the Flex 3.4 components with Flex 4.5 Counter Components of Flex 4.5 (Ref: 1.3)
  Step 5: Apply the Spark Skinning to the required components
  Step 6:  Once the changes are done then compile and build the project
  Step 7:   If errors occurs debug and resolve the error
  Step 8:   Follow the same approach for all modules / application

1.2 Namespace Change:
Change the name spaces to the following
   xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"  

1.3 Component mapping:
Flex 3 MX components and their Flex 4 Spark counterparts:
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

Note:  While replacing the components, please make sure that it won’t break the existing functionality

1.3 Components and containers that do not currently have direct Spark equivalent classes.
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


1.4   Major Differences between Flex 3.x and Flex 4.5:

S.No. Feature                Flex 3. x Flex 4.x

1 Compiler
Poor performance than Flex4 compiler
Great improved compiler performance



2 Packages available

3 Flash Player
Some features of flash player 10 are not supported (i.e. Graphical)
Supports all features of flash player 10

4 SDK Code Name
Moxie
Gumbo

5 Components
Halo Components default Supports both
Halo and Spark Components

6 Components Skinning Enhancements
Design and behavior of component is included inside and integrated.
Design and behavior is clearly separated to create a smooth workflow among designing And development.


7 Layout Model                          
N / A



8 Adobe Catalyst
N / A


9 New Spark Components & Capabilities                        N / A New Components like Spark Validators,Spark Formatters, Spark Form , Spark Data Grid etc., introduced

10 RSL Linking  Standard RSL linking Logic Improved RSL linking Logic
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics