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

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

2、IR2.6運行時，您現(xiàn)在可以開發(fā)移動ActionScript和Flex應(yīng)用程序并實現(xiàn)與桌面平臺相同的簡易性和質(zhì)量。借助FlashBuilder4.5，您可以為GoogleAndroid平臺構(gòu)建移動Flex應(yīng)用程序。您還可以為Android和AppleiOS構(gòu)建移動ActionScript應(yīng)用程序。推出Flex和FlashBuilder4.5后，我們將提供一個更新，它支持面向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)行移動開發(fā)的概述使用Flex進(jìn)行移動開發(fā)的最初發(fā)行版涉及三個組件：運行時：移動設(shè)備上的AdobeAIR2.6框架：AdobeFlex4.5SDK開發(fā)環(huán)境：AdobeFlashBuilder4.5運行時：移動設(shè)備上的AdobeAIR2.6FlexSDK和FlashBuilder中的移動開發(fā)功能的最初版本旨在使用面向移動設(shè)備的AdobeAIR運行時創(chuàng)建單獨安裝的應(yīng)用程序。通過專注于AIR，F(xiàn)lex可以充分利用AIR提供的與各個移動平臺的集成，如硬件

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

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

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

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

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

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

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

11、1.Flex4.5中的移動就緒組件標(biāo)準(zhǔn)移動應(yīng)用程序結(jié)構(gòu)除了對核心組件進(jìn)行外觀設(shè)計和擴展，使它們能在移動設(shè)備上更好地運行，F(xiàn)lex4.5還包含一組新應(yīng)用程序組件，它們專門設(shè)計為簡化遵循觸摸屏智能手機標(biāo)準(zhǔn)設(shè)計模式的應(yīng)用程序的構(gòu)建。由于屏幕大小有限，這些設(shè)備上的應(yīng)用程序通常采用一系列視圖的結(jié)構(gòu)，其中每個視圖側(cè)重于顯示一個數(shù)據(jù)列表或單個數(shù)據(jù)項的相關(guān)詳情。用戶通過輕觸數(shù)據(jù)項或其他控件在視圖之間導(dǎo)航，使用屏幕UI或硬件“后退”按鈕實現(xiàn)后退操作?？赏ㄟ^屏幕UI或菜單疊加提供其他操作。圖2說明這個應(yīng)用程序設(shè)計模式。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.針對移動設(shè)備配置的設(shè)計模式控件其次，我們使設(shè)計模式能與上述標(biāo)準(zhǔn)視圖導(dǎo)航結(jié)構(gòu)良好配合。在一個基于ViewNavigatorApplication的項目中編輯View時，您將在整個應(yīng)用程序結(jié)構(gòu)的環(huán)境中看到View的內(nèi)容；因此，例如，您會看到View上方的ActionBar并且ActionBar中填充了適合該View的內(nèi)容。您可以像任何其他容器一樣將控件拖放到ActionBar中，為特殊View自定

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

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