Flex 3 to Flex 4 Mapping List

以下係 Flex 3 同 Flex 4 o既 mapping list
方便寫開 Flex 3 想開始寫 Flex 4 o既 developers
將 Spark o既 full potential release 出黎

我會不停咁 update 呢個 mapping list
亦都會o係 Flex FAQ 詳情解釋大部份 Spark component o既特點

Table of Content:
* 記住可以用 browser search 黎搵野~!

• 1 Namespace
• 1a Language Namespace
• 1b Component Namespace
• 2 Application
• 2a Application
• 2b Application Layout
• 2c Application Background Gradient Color
• 3 Box (TBC)
• 3a VBox
• 3b VBox Padding
• 3c VBox Border
• 3d VBox Background
• 4 Button (TBC)
• 4a Button
• 4b Button Icon
• 5 List (TBC)
• 6 ComboBox (TBC)
• 7 RadioButton (TBC)
• 8 Spacer (TBC)
• 9 Pop Up (TBC)
• 10 Alert (TBC)

1a Language Namespace
Flex 3:

xmlns:mx="http://www.adobe.com/2006/mxml"

Flex 4:

xmlns:fx="http://ns.adobe.com/mxml/2009"

1b Component Namespace
Flex 3:

xmlns:mx="http://www.adobe.com/2006/mxml"

Flex 4 Halo:

xmlns:mx="library://ns.adobe.com/flex/mx"

Flex 4 Spark:

xmlns:s="library://ns.adobe.com/flex/spark"

2a Application
Flex 3:

<mx:Application />

Flex 4:

<s:Application />

2b Application Layout

Flex 3:

<mx:Application layout="absolute [or] horizontal [or] vertical" />

Flex 4:

<s:Application>
	<s:layout>
		<s:BasicLayout /> [or] <s:HorizontalLayout /> [or] <s:VerticalLayout />
	</s:layout>
</s:Application>

2c Application Background Gradient Color

Flex 3:

<mx:Application backgroundGradientColor="[#FFFFFF, #000000]" />

Flex 4:

Main Application

<s:Application skinClass="ApplicationSkin" />

Application Skin Class

<s:Skin>
	<fx:Metadata>
		<![CDATA[
			[HostComponent("spark.components.Application")]
		]]>
	</fx:Metadata> 

	<s:states>
		<s:State name="normal" />
		<s:State name="disabled" />
	</s:states>

	<s:Rect top="0" bottom="0" left="0" right="0">
		<s:fill>
			<s:LinearGradient rotation="90">
				<s:entries>
					<s:GradientEntry color="#FFFFFF" />
					<s:GradientEntry color="#000000" />
				</s:entries>
			</s:LinearGradient>
		</s:fill>
	</s:Rect>

	<s:Group
		id="contentGroup"
		top="0" bottom="0" left="0" right="0" />

</s:Skin>