基于 Flex 的企业移动应用开发

©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.AIRFlexApplicationCommoncodebase©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.6©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.7©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.8©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.9ContentareaNavigationContentactionContenttitlecontent©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.10ViewTransitions§ § § § ©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.s:actionContent11Click©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.12©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.14240dpi160/320dpi©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.MVC+IOC16§ § § § § § ©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.17©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.18©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.§ § § 19©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.20§ § § ©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.§ 21©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.构22§ § § § ©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.25150x40pixelbuttonDesktopmonitor@100dpi=1.5”x0.4”GalaxyTab@160dpi=0.9”x0.25”Droid2@240dpi=0.6”x0.17”iPhone4@320dpi=0.46”x0.13”©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.26©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.27(Noteasily.Youcanmakestufffillthescreenusingpercentsizing,butyourfontsandiconswillstillbetiny.Andanyfixedpixelsizes,e.g.inconstraint-basedlayoutsorpaddingvalues,willbewrong.)(Noteasily.Youcanmakestufffillthescreenusingpercentsizing,butyourfontsandiconswillstillbetiny.Andanyfixedpixelsizes,e.g.inconstraint-basedlayoutsorpaddingvalues,willbewrong.)320x480@160dpi640x960(atsamedensity)640x960@320dpi100%100%100%100%©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.28ApplicationapplicationDPI=“160” Buttonwidth=“160”height=“40”/ /Application 160dpi240dpi320dpiScaled1.5xScaled2x©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.29Classification160DPIDevicesMosttabletsiPhone3GSMotorolaDroidProMappedrange200DPITypicalrange132DPI(iPad)to181DPI(HTCHero)Source:=200DPI=280DPI217DPI(HTCEvo)to254DPI(NexusOne)320DPIiPhone4280DPI326DPI(iPhone4)FlexgroupsdevicesintoDPIclassificationsbasedonactualdevicedensity©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.30LoremIpsumDolor©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.Buttonclick=dealSummaryList.refresh() icon MultiDPIBitmapSource source160dpi=@Embed('assets/refresh160.png') source240dpi=@Embed('assets/refresh240.png') source320dpi=@Embed('assets/refresh320.png')/ /icon /Button 31160dpiiconiconfor160dpiMakea1.5xbiggerversionfor240dpiMakea2xbiggerversionfor320dpi(e.g.32x32,48x48,64x64)©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.applicationDPI=“160”160DPIMultiDPIBitmapSourcebitmaps32©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.33AndroidphoneiPhoneTitleleft-alignedTitlecenteredNobackbuttonOn-screenbackbuttonFlat-lookbuttonsBeveledbuttonsMultipleactionsSingleaction©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential. @media(os-platform:ios){ ActionBar{
 defaultButtonAppearance:beveled”;
 titleAlign:center”;
 } } 34©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.§ § § § § § § § § § § 35©2011AdobeSystemsIncorporated.AllRightsReserved.AdobeConfidential.