使用 Adobe Flex 4.5 SDK 和 Flash Builder 4.5 進(jìn)行移動(dòng)開發(fā)

1、注意：本文已更新，其中包含預(yù)覽發(fā)行版后新增的移動(dòng)開發(fā)功能，包括多密度創(chuàng)作支持、ViewMenu組件和USB調(diào)試。從我們第一次推出Flex和FlashBuilder開始，我們的核心目標(biāo)一直是為跨多個(gè)平臺(tái)創(chuàng)建豐富的應(yīng)用程序提供一種高效的途徑。從瀏覽器中的FlashPlayer到桌面上的AdobeAIR，F(xiàn)lex和FlashBuilder使開發(fā)人員能構(gòu)建出跨Windows、MacOS和Linux運(yùn)行的應(yīng)用程序。借助即將推出的AdobeFlex4.5SDK和FlashBuilder4.5發(fā)行版，Adobe還將FlexSDK和FlashBuilder帶入觸摸屏智能手機(jī)和Tablet領(lǐng)域。借助AdobeA

2、IR2.6運(yùn)行時(shí)，您現(xiàn)在可以開發(fā)移動(dòng)ActionScript和Flex應(yīng)用程序并實(shí)現(xiàn)與桌面平臺(tái)相同的簡(jiǎn)易性和質(zhì)量。借助FlashBuilder4.5，您可以為GoogleAndroid平臺(tái)構(gòu)建移動(dòng)Flex應(yīng)用程序。您還可以為Android和AppleiOS構(gòu)建移動(dòng)ActionScript應(yīng)用程序。推出Flex和FlashBuilder4.5后，我們將提供一個(gè)更新，它支持面向iOS的Flex應(yīng)用程序開發(fā)以及面向BlackBerryPlayBook的ActionScript和Flex應(yīng)用程序開發(fā)。其他必需產(chǎn)品AdobeFlashBuilder4.5(含AdobeFlex4.5SDK)注意：Adob

3、eLabs目前提供早期預(yù)覽發(fā)行版下載一FlashBuilder4.5和Flex4.5SDK的最終發(fā)行版將于5月初提供下載。下載了解更多信息使用Flex進(jìn)行移動(dòng)開發(fā)的概述使用Flex進(jìn)行移動(dòng)開發(fā)的最初發(fā)行版涉及三個(gè)組件：運(yùn)行時(shí)：移動(dòng)設(shè)備上的AdobeAIR2.6框架：AdobeFlex4.5SDK開發(fā)環(huán)境：AdobeFlashBuilder4.5運(yùn)行時(shí)：移動(dòng)設(shè)備上的AdobeAIR2.6FlexSDK和FlashBuilder中的移動(dòng)開發(fā)功能的最初版本旨在使用面向移動(dòng)設(shè)備的AdobeAIR運(yùn)行時(shí)創(chuàng)建單獨(dú)安裝的應(yīng)用程序。通過(guò)專注于AIR，F(xiàn)lex可以充分利用AIR提供的與各個(gè)移動(dòng)平臺(tái)的集成，如硬件

4、后退和菜單按鈕的處理能力以及本地存儲(chǔ)訪問(wèn)能力。面向移動(dòng)設(shè)備的AIR使開發(fā)人員能創(chuàng)建出像本機(jī)應(yīng)用程序一樣部署到各個(gè)平臺(tái)的應(yīng)用程序（如果需要，還可以出售）。例如，使用AIRforAndroid構(gòu)建的應(yīng)用程序可推向AndroidMarket。如果最終用戶的設(shè)備上已安裝AIR運(yùn)行時(shí)，用戶只需像本機(jī)應(yīng)用程序一樣安裝任何AIR應(yīng)用程序。如果尚未安裝運(yùn)行時(shí)，第一次啟動(dòng)AIR應(yīng)用程序時(shí)將提示用戶下載并安裝AIR運(yùn)行時(shí)。有關(guān)面向移動(dòng)的AIR的更多信息，請(qǐng)?jiān)L問(wèn)AdobeAIR開發(fā)人員中心。雖然Flex中的移動(dòng)開發(fā)功能最初針對(duì)AdobeAIR，我們將在后續(xù)發(fā)行版中將基于Flex的開發(fā)引入移動(dòng)設(shè)備上的瀏覽器中的Fla

5、shPlayer。框架：AdobeFlex4.5SDKFlexSDK構(gòu)建在FlashPlayer和AIR提供的核心運(yùn)行時(shí)API之上，它為構(gòu)建應(yīng)用程序UI和連接到服務(wù)器端數(shù)據(jù)提供了一個(gè)強(qiáng)健、高效的框架。Flex包含一套豐富的內(nèi)建UI組件、數(shù)據(jù)訪問(wèn)組件和數(shù)據(jù)綁定、通過(guò)MXML創(chuàng)建聲明UI、動(dòng)態(tài)布局和可擴(kuò)展的組件架構(gòu)。AdobeFlex4.5SDK中的移動(dòng)功能通過(guò)兩種方式構(gòu)建在這些核心Flex功能上。首先，現(xiàn)有組件及其外觀已優(yōu)化并擴(kuò)展，可立即應(yīng)用于觸摸屏設(shè)備。其次，增加了新組件，它們包含特定于智能手機(jī)的公共應(yīng)用程序設(shè)計(jì)模式。以下使用FleZOA發(fā)移動(dòng)應(yīng)們序部分描述了框架中新增的這些組件。開發(fā)環(huán)境：A

6、dobeFlashBuilder4.5最后，F(xiàn)lashBuilderIDE的4.5發(fā)行版為移動(dòng)開發(fā)帶來(lái)了一個(gè)高效的設(shè)計(jì)/構(gòu)建/調(diào)試工作流程。從項(xiàng)目創(chuàng)建、可視布局、單擊調(diào)試到設(shè)備部署，F(xiàn)lashBuilder4.5中的移動(dòng)功能旨在令基于ActionScript或Flex的移動(dòng)應(yīng)用程序開發(fā)像開發(fā)桌面或網(wǎng)絡(luò)應(yīng)用程序一樣簡(jiǎn)單。有關(guān)更多詳細(xì)信息，請(qǐng)參閱以下使用FlashBuilder4.5簡(jiǎn)化移動(dòng)工作流程。在后續(xù)發(fā)行版中，我們計(jì)劃將FlashBuilder與FlashCatalyst的集成設(shè)計(jì)/開發(fā)工作流程的強(qiáng)大功能引入移動(dòng)開發(fā)領(lǐng)域。移動(dòng)設(shè)計(jì)和開發(fā)的考慮事項(xiàng)移動(dòng)觸摸屏設(shè)備的應(yīng)用程序與桌面和網(wǎng)絡(luò)應(yīng)用程序在

7、幾個(gè)重要方面存在差異：為了使觸摸輸入能實(shí)現(xiàn)輕松操作，組件的觸擊區(qū)域一般大于面向桌面的應(yīng)用程序。這的確如此，因?yàn)橐苿?dòng)設(shè)備屏幕的像素密度遠(yuǎn)遠(yuǎn)超出臺(tái)式機(jī)顯示器的像素密度。觸摸屏設(shè)備上的滾動(dòng)等操作的交互模式有所不同。由于屏幕面積有限，智能手機(jī)等小型設(shè)備上的應(yīng)用程序必須采用不同于桌面應(yīng)用程序的設(shè)計(jì)，在給定時(shí)間內(nèi)屏幕上只能顯示少量UI。此外，UI設(shè)計(jì)需要兼顧不同設(shè)備的屏幕分辨率和像素密度差異。雖然移動(dòng)設(shè)備的能力不斷提高，它們的CPU和GPU性能與桌面設(shè)備相比還是相當(dāng)有限。由于移動(dòng)設(shè)備的可用內(nèi)存有限，應(yīng)用程序必須盡可能減少內(nèi)存消耗并且操作系統(tǒng)可能隨時(shí)關(guān)閉并重新啟動(dòng)它們。因此，為移動(dòng)設(shè)備構(gòu)建應(yīng)用程序并非只是拿

8、來(lái)一個(gè)桌面應(yīng)用程序并“縮小”為不同的屏幕大小。我們的目標(biāo)是使開發(fā)人員能為各個(gè)形狀系數(shù)輕松創(chuàng)建出單獨(dú)、合適的用戶界面，同時(shí)在面向移動(dòng)和面向桌面的項(xiàng)目之間共享底層模型和數(shù)據(jù)訪問(wèn)代碼，從而將重復(fù)的開發(fā)工作降至最低。使用Flex4.5SDK開發(fā)移動(dòng)應(yīng)用程序?yàn)榱私鉀Q以上列出的設(shè)計(jì)和開發(fā)難題，F(xiàn)lex4.5中新增的移動(dòng)開發(fā)功能增強(qiáng)了FlexSDK的核心功能并提供為移動(dòng)設(shè)計(jì)和實(shí)施模式優(yōu)化的外觀和組件。移動(dòng)就緒核心組件在Flex4.5中，我們進(jìn)一步確保了許多核心Flex組件可用于觸摸屏設(shè)備。對(duì)于Button、CheckBox和TextInput等簡(jiǎn)單的組件，我們提供一個(gè)移動(dòng)主題，它包含大小適合觸摸輸入的外觀。

9、由于Flex4中引入的Spark組件架構(gòu)的靈活性，我們無(wú)需修改核心組件代碼就可以做到這一點(diǎn)。此外，如以下性能部分所述，我們提供的移動(dòng)外觀使用ActionScript構(gòu)建而成，以實(shí)現(xiàn)最佳性能。圖1顯示Flex4.5中提供的部分移動(dòng)外觀。圖1.Flex4.5中的部分移動(dòng)組件外觀。對(duì)于更復(fù)雜的組件，尤其是Scroller和List,我們?yōu)楹诵慕M件添加了功能性以實(shí)現(xiàn)觸拋滾動(dòng)，并且滾動(dòng)操作結(jié)束時(shí)可實(shí)現(xiàn)彈拉效果。將Scroller和List上新增的interactionMode樣式設(shè)置為touch即可啟用觸摸滾動(dòng)。如果您使用的是移動(dòng)主題，將對(duì)所有合適的組件自動(dòng)設(shè)置該樣式，這樣您無(wú)需執(zhí)行任何操作就能啟用觸摸

10、交互。移動(dòng)主題的最初版本不會(huì)為所有現(xiàn)有Spark組件提供支持觸摸的外觀。表1列出了Flex4.5中的移動(dòng)就緒組件；我們將在后續(xù)發(fā)行版中陸續(xù)提供更多移動(dòng)就緒組件?？丶﨎usylndicator（新增組件）ButtonButtonBarCheckBoxHSliderImage（還支持Bitmapimage）LabelList（支持觸摸滾動(dòng)，含滾動(dòng)指示符）RadioButton/RadioButtonGroupTextAreaTextlnputLayoutDataGroupGroupHGroupScroller（支持觸摸滾動(dòng)，含滾動(dòng)指示符）SpacerTileGroupVGroupCharts全部表

11、1.Flex4.5中的移動(dòng)就緒組件標(biāo)準(zhǔn)移動(dòng)應(yīng)用程序結(jié)構(gòu)除了對(duì)核心組件進(jìn)行外觀設(shè)計(jì)和擴(kuò)展，使它們能在移動(dòng)設(shè)備上更好地運(yùn)行，F(xiàn)lex4.5還包含一組新應(yīng)用程序組件，它們專門設(shè)計(jì)為簡(jiǎn)化遵循觸摸屏智能手機(jī)標(biāo)準(zhǔn)設(shè)計(jì)模式的應(yīng)用程序的構(gòu)建。由于屏幕大小有限，這些設(shè)備上的應(yīng)用程序通常采用一系列視圖的結(jié)構(gòu)，其中每個(gè)視圖側(cè)重于顯示一個(gè)數(shù)據(jù)列表或單個(gè)數(shù)據(jù)項(xiàng)的相關(guān)詳情。用戶通過(guò)輕觸數(shù)據(jù)項(xiàng)或其他控件在視圖之間導(dǎo)航，使用屏幕UI或硬件“后退”按鈕實(shí)現(xiàn)后退操作?？赏ㄟ^(guò)屏幕UI或菜單疊加提供其他操作。圖2說(shuō)明這個(gè)應(yīng)用程序設(shè)計(jì)模式。ProductlltviewProductdttallview朗i盤口&owBn*GreenIA

12、eiemp2traBmie|f-iilvtifildsccrvr/FJuad$TM0K4-QGlowSrickGfmrS1M9PROOUCrDlJtRiFTtON如n(K種c&a&Mpcd祐.bfkk超rh*t*ifrcfihdfivimrwUrdhthrithrttfij4V*qr.冒M&MhCnrwF-dMhpTBAiliatnijru-jbdita4jLJ|iadTMnitiyuiRjmjIhnnflj-Ehtbr出律buAh.Ln-ihl呼哄IolAo憫rvun.fN例可寸bydA*眄w.-fXiR站bCtwttaiM-如盼“FlashBuilder”“設(shè)備配置”自己添加更多設(shè)備配置。

13、Source一_Design1QDevice:GoogteNexL詞/|口State.訂DevictconfigurationchooserPortrait/landscap#orientation圖3.針對(duì)移動(dòng)設(shè)備配置的設(shè)計(jì)模式控件其次，我們使設(shè)計(jì)模式能與上述標(biāo)準(zhǔn)視圖導(dǎo)航結(jié)構(gòu)良好配合。在一個(gè)基于ViewNavigatorApplication的項(xiàng)目中編輯View時(shí)，您將在整個(gè)應(yīng)用程序結(jié)構(gòu)的環(huán)境中看到View的內(nèi)容；因此，例如，您會(huì)看到View上方的ActionBar并且ActionBar中填充了適合該View的內(nèi)容。您可以像任何其他容器一樣將控件拖放到ActionBar中，為特殊View自定

14、義它。圖4說(shuō)明將一個(gè)按鈕拖到ActionBar右側(cè)末端的actionContent區(qū)域中。圖4.使用設(shè)計(jì)模式將按鈕放到ActionBar中設(shè)計(jì)模式還可以正確預(yù)覽應(yīng)用程序中的像素密度效果。例如，如果應(yīng)用程序?qū)pplicationDPI設(shè)置為160，而您選擇一個(gè)配置為240DPI的預(yù)覽設(shè)備，則設(shè)計(jì)模式在顯示應(yīng)用程序時(shí)會(huì)將它放大1.5倍。在桌面和設(shè)備上運(yùn)行和調(diào)試測(cè)試或調(diào)試應(yīng)用程序時(shí)，您有兩個(gè)選項(xiàng)。要實(shí)現(xiàn)快速測(cè)試和調(diào)試，您可以在桌面上使用AIRDebugLauncher(ADL)啟動(dòng)并調(diào)試應(yīng)用程序。要實(shí)現(xiàn)更高的保真度，您還可以直接在物理設(shè)備上啟動(dòng)并調(diào)試應(yīng)用程序。無(wú)論哪種情況，您都可以使用FlashB

15、uilder的所有調(diào)試功能，包括設(shè)置斷點(diǎn)以及使用“變量”和“表達(dá)式”面板檢查應(yīng)用程序狀態(tài)。在設(shè)備上運(yùn)行或調(diào)試時(shí)，您需要注意幾個(gè)要點(diǎn)：如果應(yīng)用程序訪問(wèn)數(shù)據(jù)，您必須將數(shù)據(jù)服務(wù)部署到一臺(tái)設(shè)備可通過(guò)WiFi或單元格網(wǎng)絡(luò)訪問(wèn)的服務(wù)器上；如果您已經(jīng)在桌面上針對(duì)localhost測(cè)試應(yīng)用程序，它在設(shè)備上將無(wú)法正常使用，因?yàn)樵O(shè)備的“l(fā)ocalhost”是設(shè)備本身。FlashBuilder4.5的最終發(fā)行版支持直接通過(guò)Android設(shè)備上的USB聯(lián)機(jī)進(jìn)行調(diào)試，而之前的發(fā)行版只支持通過(guò)WiFi進(jìn)行調(diào)試。要在物理iOS設(shè)備上運(yùn)行、調(diào)試或部署ActionScript移動(dòng)項(xiàng)目，您需要從Apple獲得供應(yīng)配置文件和證書。您還需要使用iTunes在設(shè)備上手動(dòng)部署應(yīng)用程序，并在設(shè)備上啟動(dòng)它。設(shè)備上目前還不支持概要分