下面左邊的箭頭圖標(biāo)是運(yùn)行當(dāng)前項(xiàng)目,右邊的小蟲(chóng)子是以 Debug 模式運(yùn)行。就在左上角,你注意點(diǎn)就看到了。
代碼第一行不說(shuō)了,地球人都知道…… mx:Application 相當(dāng)于 Flash 里面的 _root 吧,偶覺(jué)得應(yīng)該可以這么說(shuō),只不過(guò)在這里沒(méi)有了時(shí)間幀的概念而已。 layout="absolute" 就是內(nèi)容的絕對(duì)定位了。我們來(lái)開(kāi)始在這里加一段: creationComplete="init(event)" ,意思是初始化完畢后執(zhí)行 init 函數(shù)。
然后我們?cè)?mx:Application 加入一個(gè)節(jié)點(diǎn) <mx:Script> ,輸入完畢后會(huì)自動(dòng)生成 CDATA 信息,如果你是復(fù)制過(guò)去的就得自己來(lái)寫了。 script 里面就是我們寫 AS 的地方,不過(guò)這里換成了 AS3 還真是不習(xí)慣。= = 我們來(lái)輸入 private function init(event:FlexEvent):void {},完畢后上面會(huì)自動(dòng)插入 import mx.events.FlexEvent; , AS3 幾乎用到的東西都需要 import 。此外別問(wèn)偶 private public 什么的,不懂的回去補(bǔ)習(xí) AS2 。完成后代碼如下:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init(event)" layout="absolute"> <mx:Script> <![CDATA[ import mx.events.FlexEvent; private function init(event:FlexEvent):void { } ]]> </mx:Script> </mx:Application>
既然是 HelloWorld ,我們就在 init 里面輸入 trace("HelloWorld!"); 吧,在 Debug 模式下輸出, OK , Console 窗口出現(xiàn) HelloWorld! 字樣,恭喜你,成功的制作出一個(gè) Flex 程序來(lái)(第一節(jié)就到這里大家沒(méi)意見(jiàn)吧?反正也就只是 HelloWorld ……)。當(dāng)然,為了避免臭雞蛋爛番茄什么的,偶再增加點(diǎn)內(nèi)容……
代碼里加上: private var str:String = "HelloWorld!"; , 然后 trace(str); ,嗯,一個(gè)稍微復(fù)雜點(diǎn)點(diǎn)的程序就出來(lái)了,真棒。 把 trace 換成 Alert 或許會(huì)更有成就感:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init(event)" layout="absolute"> <mx:Script> <![CDATA[ import mx.controls.Alert; import mx.events.FlexEvent; private var str:String = "HelloWorld!"; private function init(event:FlexEvent):void { Alert.show(str); } ]]> </mx:Script> </mx:Application>
下面的壓縮包是 Josh Tynjala 寫的 Hello World Flex ,他是 IFBIN Service 里的作者之一,偶稍微改了一下以適應(yīng) Flex2。
文件下載
經(jīng)典論壇討論: http://bbs.blueidea.com/thread-2668408-1-1.html
下一節(jié):Flex2 學(xué)習(xí)筆記 Ⅱ
出處:藍(lán)色理想
責(zé)任編輯:moby
上一頁(yè) Flex2 學(xué)習(xí)筆記 [1] 下一頁(yè)
◎進(jìn)入論壇Flash專欄版塊參加討論
|