การเปลี่ยนโค้ดจาก MX Compenent (Flex 3) มาเป็น Spark Component (Flex 4) by

30
Mar
0

จากครั้งที่แล้วที่ผมได้อธิบายถึงการเปลี่ยนโค้ดจาก Flex 3 มาใช้ใน Flex 4 นะครับซึ่งจะเป็นรูปแบบของโค้ดหรือการทำงาน ซึ่งในครั้งนี้ผมจะอธิบาย Component ต่างๆที่ส่วนมากจะถูกเปลี่ยนมาใช้กับ Spark ใน Flex 4 กันนะครับ

แท็กที่ถูกเปลี่ยนจาก MX มาใช้แบบ Spark

MX Component (Flex 3) Spark Component (Flex 4)
<mx:Button> <s:Button>
<mx:ButtonBar> <s:ButtonBar>
<mx:CheckBox> <s:CheckBox>
<mx:ComboBox> <s:DropDownList>
<mx:HorizontalList> <s:List>*
<mx:HRule> <s:Line>
<mx:HScrollBar> <s:HSlider>
<mx:List> <s:List>**
<mx:NumericStepper> <s:NumericStepper>
<mx:RadioButton> <s:RadioButton>
<mx:RadioButtonGroup> <s:RadioButtonGroup>
<mx:TextArea> <s:TextArea>
<mx:TabBar> <s:TabBar>
<mx:TextInput> <s:TextInput>
<mx:TileList> <s:List>***
<mx:ToggleButtonBar> <s:ButtonBar>
<mx:VideoDisplay> <s:VideoPlayer>
<mx:VRule> <s:Line>
<mx:VScrollBar> <s:VScrollBar>
<mx:VSlider> <s:VSlider>
<mx:Application> <s:Application>
<mx:Window> <s:Window>
<mx:WindowedApplication> <s:WindowedApplication>
<mx:Canvas> <s:Group>
<mx:HBox> <s:HGroup>
<mx:Panel> <s:Panel>
<mx:Tile> <s:Group>***
<mx:VBox> <s:VGroup>

*กำหนด Layout เป็น HorizontalLayout โดยใช้แท็ก <s:layout>

**กำหนด Layout เป็น VerticalLayout โดยใช้แท็ก <s:layout>

***กำหนด Layout เป็น TileLayout โดยใช้แท็ก <s:layout>

ตัวอย่างการใช้แท็ก Layout

<s:List>

<s:layout>

<s:TileLayout />

</s:layout>

</s:List>

แล้วอย่าลืมเปลี่ยน namespace อย่างที่ได้อธิบายใน การนำโปรเจ็คแอปพลิเคชั่นใน Flex Builder 3 ไปใช้งานใน Flash Builder 4 ไว้แล้วนะครับ เท่านี้ก็สามารถเปลี่ยน MX component ที่ใช้ใน Flex 3 มาเป็น Spark component ของ Flex 4 ได้แล้วล่ะครับ

 เราชนะรอบ 4 | ยืมเงิน 3000 ด่วน | แอพกู้เงิน | แอพเงินด่วน | สินเชื่อออนไลน์อนุมัติทันที | Site Map | กู้เงินก้อน | กระเป๋าตัง | thisshop และ ยืมเงินฉุกเฉิน 5000 ด่วน