Flex全屏编程一例

测试代码:
Mxml代码 复制代码
  1. <?xml version="1.0" encoding="utf-8"?>   
  2. <!-- http://blog.flexexamples.com/2007/08/07/creating-full-screen-flex-applications/ -->   
  3. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  
  4.                 layout="vertical"  
  5.                 applicationComplete="init()">   
  6.   
  7.     <mx:Script>   
  8.         <![CDATA[   
  9.             import flash.display.StageDisplayState;   
  10.             import mx.managers.SystemManager;   
  11.   
  12.             private function init():void   
  13.             {   
  14.                 /* Set up full screen handler. */   
  15.                 systemManager.stage.addEventListener(FullScreenEvent.FULL_SCREEN, fullScreenHandler);   
  16.                 dispState=systemManager.stage.displayState;   
  17.             }   
  18.   
  19.             private function fullScreenHandler(evt:FullScreenEvent):void   
  20.             {   
  21.                 dispState=systemManager.stage.displayState + " (fullScreen=" + evt.fullScreen.toString() + ")";   
  22.                 if (evt.fullScreen)   
  23.                 {   
  24.                     /* Do something specific here if we switched to full screen mode. */   
  25.                 }   
  26.                 else   
  27.                 {   
  28.                     /* Do something specific here if we switched to normal mode. */   
  29.                 }   
  30.             }   
  31.   
  32.             private function toggleFullScreen():void   
  33.             {   
  34.                 try   
  35.                 {   
  36.                     switch (systemManager.stage.displayState)   
  37.                     {   
  38.                         case StageDisplayState.FULL_SCREEN:   
  39.                             /* If already in full screen mode, switch to normal mode. */   
  40.                             systemManager.stage.displayState=StageDisplayState.NORMAL;   
  41.                             break;   
  42.                         default:   
  43.                             /* If not in full screen mode, switch to full screen mode. */   
  44.                             systemManager.stage.displayState=StageDisplayState.FULL_SCREEN;   
  45.                             break;   
  46.                     }   
  47.                 }   
  48.                 catch (err:SecurityError)   
  49.                 {   
  50.                     // ignore   
  51.                 }   
  52.             }   
  53.         ]]>   
  54.     </mx:Script>   
  55.   
  56.     <mx:String id="dispState"/>   
  57.   
  58.     <mx:Label text="width={Application.application.width}"/>   
  59.     <mx:Label text="height={Application.application.height}"/>   
  60.     <mx:Label text="displayState={dispState}"/>   
  61.   
  62.     <mx:Button label="Toggle fullscreen"  
  63.                click="toggleFullScreen()"/>   
  64.   
  65. </mx:Application>  


修改index-template.html代码如下:
Html代码 复制代码
  1. <!-- saved from url=(0014)about:internet -->  
  2. <html lang="en">  
  3.   
  4. <!--    
  5. Smart developers always View Source.   
  6.   
  7. This application was built using Adobe Flex, an open source framework   
  8. for building rich Internet applications that get delivered via the   
  9. Flash Player or to desktops via Adobe AIR.   
  10.   
  11. Learn more about Flex at http://flex.org    
  12. // -->  
  13.   
  14. <head>  
  15. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  16.   
  17. <!-- BEGIN Browser History required section -->  
  18. <link rel="stylesheet" type="text/css" href="history/history.css" />  
  19. <!-- END Browser History required section -->  
  20.   
  21. <title>${title}</title>  
  22. <script src="AC_OETags.js" language="javascript"></script>  
  23.   
  24. <!-- BEGIN Browser History required section -->  
  25. <script src="history/history.js" language="javascript"></script>  
  26. <!-- END Browser History required section -->  
  27.   
  28. <style>  
  29. body { margin: 0px; overflow:hidden }   
  30. </style>  
  31. <script language="JavaScript" type="text/javascript">  
  32. <!--   
  33. // -----------------------------------------------------------------------------   
  34. // Globals   
  35. // Major version of Flash required   
  36. var requiredMajorVersion = ${version_major};   
  37. // Minor version of Flash required   
  38. var requiredMinorVersion = ${version_minor};   
  39. // Minor version of Flash required   
  40. var requiredRevision = ${version_revision};   
  41. // -----------------------------------------------------------------------------   
  42. // -->  
  43. </script>  
  44. </head>  
  45.   
  46. <body scroll="no">  
  47. <script language="JavaScript" type="text/javascript">  
  48. <!--   
  49. // Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)   
  50. var hasProductInstall = DetectFlashVer(6, 0, 65);   
  51.   
  52. // Version check based upon the values defined in globals   
  53. var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);   
  54.   
  55. if ( hasProductInstall && !hasRequestedVersion ) {   
  56. // DO NOT MODIFY THE FOLLOWING FOUR LINES   
  57. // Location visited after installation is complete if installation is required   
  58. var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";   
  59. var MMredirectURL = window.location;   
  60.     documentdocument.title = document.title.slice(0, 47) + " - Flash Player Installation";   
  61.     var MMdoctitle = document.title;   
  62.   
  63. AC_FL_RunContent(   
  64.    "src", "playerProductInstall",   
  65.    "FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",   
  66.    "width", "${width}",   
  67.    "height", "${height}",   
  68.    "align", "middle",   
  69.    "id", "${application}",   
  70.    "quality", "high",   
  71.    "bgcolor", "${bgcolor}",   
  72.    "name", "${application}",   
  73.      
  74. "allowFullScreen","true",   
  75.      
  76.    "type", "application/x-shockwave-flash",   
  77.    "pluginspage", "http://www.adobe.com/go/getflashplayer"   
  78. );   
  79. } else if (hasRequestedVersion) {   
  80. // if we've detected an acceptable version   
  81. // embed the Flash Content SWF when all tests are passed   
  82. AC_FL_RunContent(   
  83.     "src", "${swf}",   
  84.     "width", "${width}",   
  85.     "height", "${height}",   
  86.     "align", "middle",   
  87.     "id", "${application}",   
  88.     "quality", "high",   
  89.     "bgcolor", "${bgcolor}",   
  90.     "name", "${application}",   
  91.      
  92.     "allowFullScreen","true",   
  93.       
  94.     "type", "application/x-shockwave-flash",   
  95.     "pluginspage", "http://www.adobe.com/go/getflashplayer"   
  96. );   
  97. } else { // flash is too old or we can't detect the plugin   
  98.     var alternateContent = 'Alternate HTML content should be placed here. '  
  99. + 'This content requires the Adobe Flash Player. '   
  100.    + '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';   
  101.     document.write(alternateContent); // insert non-flash content   
  102. }   
  103. // -->  
  104. </script>  
  105. <noscript>  
  106. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  
  107.     id="${application}" width="${width}" height="${height}"  
  108.     codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">  
  109.     <param name="movie" value="${swf}.swf" />  
  110.     <param name="quality" value="high" />  
  111.     <param name="bgcolor" value="${bgcolor}" />  
  112.   
  113.    <param name="allowFullScreen" value="true" />  
  114.     <embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}"  
  115.      width="${width}" height="${height}" name="${application}" align="middle"  
  116.      play="true"  
  117.      loop="false"  
  118.      quality="high"  
  119.       
  120.      allowFullScreen="true"  
  121.        
  122.      type="application/x-shockwave-flash"  
  123.      pluginspage="http://www.adobe.com/go/getflashplayer">  
  124.     </embed>  
  125. </object>  
  126. </noscript>  
  127. </body>  
  128. </html>  
阅读更多
个人分类: Java 相关
上一篇在Flex中使用ActionScript的三种方法
下一篇Flex翻页效果FlexBook
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭