首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

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

2013-11-22 
Flex 3.X to Flex 4.X Migration 组件列表1.1 Flex 3.4 to Flex 4.5 migration:Methodology / Approach: I

Flex 3.X to Flex 4.X Migration 组件列表
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 ComponentFlex 4 Spark Component
mx.controls.Buttonspark.components.Button
mx.controls.ButtonBarspark.components.ButtonBar
mx.controls.CheckBoxspark.components.CheckBox
mx.controls.ComboBoxspark.components.DropDownList (w/o editability)
mx.controls.HorizontalListspark.components.List (with a HorizontalLayout)
mx.controls.HRulespark.primitives.Line
mx.controls.HScrollBarspark.components.HScrollBar
mx.controls.HSliderspark.components.HSlider
mx.controls.Imagespark.primitives.BitmapImage (w/o support for external images)
mx.controls.LinkBarspark.components.ButtonBar (with a custom skin)
mx.controls.LinkButtonspark.components.Button (with a custom skin)
mx.controls.Listspark.components.List
mx.controls.NumericStepperspark.components.NumericStepper
mx.controls.RadioButtonspark.components.RadioButton
mx.controls.RadioButtonGroupspark.components.RadioButtonGroup
mx.controls.TextAreaspark.components.TextArea
mx.controls.TabBarspark.components.TabBar
mx.controls.TextInputspark.components.TextInput
mx.controls.TileListspark.components.List (with a TileLayout)
mx.controls.ToggleButtonBarspark.components.ButtonBar
mx.controls.VideoDisplayspark.components.VideoPlayer
mx.controls.VRulespark.primitives.Line
mx.controls.VScrollBarspark.components.VScrollBar
mx.controls.VSliderspark.components.VSlider
mx.core.Applicationspark.components.Application
mx.core.Windowspark.components.Window
mx.core.WindowedApplicationspark.components.WindowedApplication
mx.containers.ApplicationControlBarspark.components.Application (with the controlBarContent)
mx.containers.Canvasspark.components.Group
mx.containers.ControlBarspark.components.Panel (with the controlBarContent property)
mx.containers.HBoxspark.components.HGroup
mx.containers.Panelspark.components.Panel
mx.containers.Tilespark.components.Group (with a TileLayout)
mx.containers.VBoxspark.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. xFlex 4.x

1Compiler
Poor performance than Flex4 compiler
Great improved compiler performance



2Packages available

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

4SDK Code Name
Moxie
Gumbo

5Components
Halo Components defaultSupports both
Halo and Spark Components

6Components 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.


7Layout Model                         
N / A



8Adobe Catalyst
N / A


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

10RSL Linking  Standard RSL linking LogicImproved RSL linking Logic

热点排行