`
nianshi
  • 浏览: 420556 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Flex 全屏显示方法

    博客分类：
  • Flex
FlexFlashAdobeAIRGo 
阅读更多

1,修改html-template下的index.template.html文件…增加四行



 
view plaincopy to clipboardprint?

   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" mce_href="history/history.css" /> 
  19. <!--  END Browser History required section --> 
  20.  
  21. <title>${title}</title> 
  22. <mce:script src="AC_OETags.js" mce_src="AC_OETags.js" language="javascript"></mce:script> 
  23.  
  24. <!--  BEGIN Browser History required section --> 
  25. <mce:script src="history/history.js" mce_src="history/history.js" language="javascript"></mce:script> 
  26. <!--  END Browser History required section --> 
  27.  
  28. <mce:style><!--
  29. body { margin: 0px; overflow:hidden }
  30. --></mce:style><style mce_bogus="1">body { margin: 0px; overflow:hidden }</style> 
  31. <mce:script language="JavaScript" type="text/javascript"><!-- 
  32. // ----------------------------------------------------------------------------- 
  33. // Globals 
  34. // Major version of Flash required 
  35. var requiredMajorVersion = ${version_major}; 
  36. // Minor version of Flash required 
  37. var requiredMinorVersion = ${version_minor}; 
  38. // Minor version of Flash required 
  39. var requiredRevision = ${version_revision}; 
  40. // ----------------------------------------------------------------------------- 
  41. // --></mce:script> 
  42. </head> 
  43.  
  44. <body scroll="no"> 
  45. <mce:script language="JavaScript" type="text/javascript"><!-- 
  46. // Version check for the Flash Player that has the ability to start Player Product Install (6.0r65) 
  47. var hasProductInstall = DetectFlashVer(6, 0, 65); 
  48.  
  49. // Version check based upon the values defined in globals 
  50. var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision); 
  51.  
  52. if ( hasProductInstall && !hasRequestedVersion ) { 
  53.     // DO NOT MODIFY THE FOLLOWING FOUR LINES 
  54.     // Location visited after installation is complete if installation is required 
  55.     var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn"; 
  56.     var MMredirectURL = window.location; 
  57.     documentdocument.title = document.title.slice(0, 47) + " - Flash Player Installation"; 
  58.     var MMdoctitle = document.title; 
  59.  
  60.     AC_FL_RunContent( 
  61.         "src", "playerProductInstall", 
  62.         "FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"", 
  63.         "width", "${width}", 
  64.         "height", "${height}", 
  65.         "align", "middle", 
  66.         "id", "${application}", 
  67.         "quality", "high", 
  68.         "bgcolor", "${bgcolor}", 
  69.         "name", "${application}", 
  70.         "allowScriptAccess","sameDomain", 
  71.         "allowFullScreen","true",//增加的行 
  72.         "type", "application/x-shockwave-flash", 
  73.         "pluginspage", "http://www.adobe.com/go/getflashplayer" 
  74.     ); 
  75. } else if (hasRequestedVersion) { 
  76.     // if we've detected an acceptable version 
  77.     // embed the Flash Content SWF when all tests are passed 
  78.     AC_FL_RunContent( 
  79.             "src", "${swf}", 
  80.             "width", "${width}", 
  81.             "height", "${height}", 
  82.             "align", "middle", 
  83.             "id", "${application}", 
  84.             "quality", "high", 
  85.             "bgcolor", "${bgcolor}", 
  86.             "name", "${application}", 
  87.             "allowScriptAccess","sameDomain", 
  88.             "allowFullScreen","true",//增加的行 
  89.             "type", "application/x-shockwave-flash", 
  90.             "pluginspage", "http://www.adobe.com/go/getflashplayer" 
  91.     ); 
  92.   } else {  // flash is too old or we can't detect the plugin 
  93.     var alternateContent = 'Alternate HTML content should be placed here. ' 
  94.     + 'This content requires the Adobe Flash Player. ' 
  95.     + '<a href="http://www.adobe.com/go/getflash" mce_href="http://www.adobe.com/go/getflash"></a>Get Flash</a>'; 
  96.     document.write(alternateContent);  // insert non-flash content 
  97.   } 
  98. // --></mce:script> 
  99. <noscript> 
100.     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
101.             id="${application}" width="${width}" height="${height}" 
102.             codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"> 
103.             <param name="movie" value="${swf}.swf" /> 
104.             <param name="quality" value="high" /> 
105.             <param name="bgcolor" value="${bgcolor}" /> 
106.             <param name="allowScriptAccess" value="sameDomain" /> 
107.             <param name="allowFullScreen" value="true" />//增加的行 
108.             <embed src="${swf}.swf" mce_src="${swf}.swf" quality="high" bgcolor="${bgcolor}" 
109.                 width="${width}" height="${height}" name="${application}" align="middle" 
110.                 play="true" 
111.                 loop="false" 
112.                 quality="high" 
113.                 allowScriptAccess="sameDomain" 
114.                 allowFullScreen="true"//增加的行 
115.                 type="application/x-shockwave-flash" 
116.                 pluginspage="http://www.adobe.com/go/getflashplayer"> 
117.             </embed> 
118.     </object> 
119. </noscript> 
120. </body> 
121. </html> 


上述文件增加了四行…见我文中有提示



2,Mxml文件:

假如一个button按钮

view plaincopy to clipboardprint?

   1. <mx:Button  id="fullscreenbtn" x="931" y="0" label="全屏" cornerRadius="10" fillAlphas="[1.0, 1.0]" fillColors="[#A6F29C, #A6F29C]"  click="this.fullScreen()"/> 

<mx:Button id="fullscreenbtn" x="931" y="0" label="全屏" cornerRadius="10" fillAlphas="[1.0, 1.0]" fillColors="[#A6F29C, #A6F29C]" click="this.fullScreen()"/>

as代码:

view plaincopy to clipboardprint?

   1. public function fullScreen():void{//全屏 
   2.               stage.displayState = (stage.displayState == 
   3.               StageDisplayState.NORMAL?StageDisplayState.FULL_SCREEN:StageDisplayState.NORMAL); 
   4.               if(this.stage.displayState==StageDisplayState.FULL_SCREEN){ 
   5.                  this.fullscreenbtn.label="返回"; 
   6.               }else{ 
   7.                 this.fullscreenbtn.label="全屏"; 
   8.               } 
   9.               
  10.         }
分享到：
| Flex全屏原理和局部全屏方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    flex 控件 全屏显示

    #### 一、Flex全屏显示概述 Flex是一种用于构建跨平台桌面应用程序和移动应用程序的开源框架。它基于Adobe Flash平台，并利用MXML（标记语言）和ActionScript（脚本语言）来创建用户界面和控制逻辑。全屏显示是指将...

    Flex 全屏显示 JasPine.rar

    在给定的“Flex 全屏显示 JasPine.rar”压缩包文件中，我们重点关注的是“util.as”文件内的`goFullScreen`方法。这个方法涉及到如何在Flash Player中实现全屏模式，并且对全屏状态下的背景颜色进行了定制。 在Flex...

    Flex 组件全屏　部分全屏的实现 代码

    标题"Flex 组件全屏　部分全屏的实现 代码"涉及到如何在Flex环境中实现一个特定组件的全屏显示，而不仅仅是将整个舞台全屏化。描述中提到，虽然网上大多数例子都是关于舞台全屏的实现，但这里我们将探讨如何让某个...

    flex全屏代码 界面全屏

    标题和描述中提到的“flex全屏代码界面全屏”主要涉及的是在Flex框架下实现全屏显示的技术。Flex是一种开源框架，用于构建富互联网应用（RIA），可以在Flash Player或通过Adobe AIR部署到桌面。全屏功能是许多现代...

    Flex 组件全屏的组件

    里面少了一个针对按下ESC键的处理，这个在使用的时候可以自己加，另外一个问题就是由于这个库是FLEX3的，所以在FLEX4.0或以上的版本（使用的spark主题）的时候，需要修改类里面的Canvas为Group或者其他的显示容器，...

    Flex 3.2全屏模式的解决办法

    在Flex 3.2中，全屏模式的实现主要依赖于Stage类的一些方法。Stage类是Flash Player或Adobe AIR运行时的顶级容器，它提供了对舞台（即应用程序可视区域）的访问和控制。 1. **启用全屏模式** 要使Flex 3.2应用程序...

    flex 窗口托盘和全屏

    在Flex中，可以通过改变Stage的显示状态来实现全屏切换。有以下几种显示状态： - `StageDisplayState.NORMAL`：标准窗口模式。 - `StageDisplayState.FULL_SCREEN`：全屏模式，无浏览器或操作系统界面元素。 - `...

    flex iframe 支持在flash中嵌套入html jsp asp php等

    flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex...

    Flex 全屏组件　部分全屏的实现代码

    然而，有时候我们可能只需要特定的组件全屏显示，而非整个应用。这个场景下的“部分全屏”功能是将一个指定的Flex组件（如一个窗口或某个控件）扩展至屏幕的边界，而其他部分保持不变。 以下是一个关于Flex部分全屏...

    javascript经典特效---文字全屏显示.rar

    在网页设计中，JavaScript特效是提升用户体验的重要手段，"文字全屏显示"就是一个典型的例子。这个特效允许网页上的文字以全屏的形式展现，创造出强烈的视觉效果。 全屏显示的文字特效通常涉及以下知识点： 1. **...

    [原创]FLEX 超简单的 组件 全屏 幻灯片 [附源码]

    2. **布局管理**：为了实现全屏显示，我们需要使用FLEX的布局管理器，例如AbsoluteLayout，让组件占据整个舞台。在MXML中设置`width="100%" height="100%"`可以让组件填充其父容器。 3. **图像加载**：FLEX提供了...

    jquery点击图片全屏效果

    3. 将大图加载到弹出层中，并设置合适的样式使其全屏显示。 4. 实现左右切换功能，可以通过改变大图的`src`属性来切换图片。 5. 添加关闭按钮或点击背景关闭弹出层的功能。 以下是一个简单的示例代码： ```...

    Flex播放器实例带源码的flex制作的播放器

    第四个实例可能是一个完整的解决方案，包含所有前面提到的功能，并且可能加入了额外的特性，如全屏模式、字幕显示、播放历史记录等。这需要开发者具备良好的架构设计能力，将各个功能模块有效地组织在一起，同时保持...

    flex itemRenderer深入学习--flex相册例子

    在Flex开发中，ItemRenderer是一种非常关键的组件，它允许我们自定义数据项在列表或网格等容器中的显示方式。本篇文章将深入探讨如何利用ItemRenderer实现一个灵活且功能丰富的相册示例，同时也会涉及Flex中的一些...

    flex4实现的简单相册实例

    在相册应用中，可能有浏览状态和全屏预览状态，可以通过状态切换来改变UI布局。 7. **服务调用**：如果相册中的图片是从服务器加载的，那么可能使用了HTTPService或WebService组件来获取数据。这些服务可以异步加载...

    flex 弹出窗口并居中显示

    4. 遮罩层效果：为了实现遮罩层效果，可以将`.popup-mask`的背景色设为半透明黑色，并设置`position: fixed`使其全屏显示。 5. 显示与隐藏：弹出窗口的显示和隐藏可以通过JavaScript控制，例如通过改变`display`...

    Flex电子相册2

    - 一个实用的电子相册通常包含图片浏览、前进/后退、全屏显示、缩略图预览等功能。Flex的`Button`、`Slider`和`NavigatorContent`等组件可以构建这些交互元素。 - 可能使用了`ArrayCollection`来存储和管理图片...

    Flex4 电视墙效果

    3. **数据绑定**：Flex4支持强大的数据绑定机制，可以将数据源与UI组件关联，方便地更新显示内容。电视墙中的每个“电视”通常代表数据集中的一个条目，数据绑定能确保数据变化时UI自动更新。 4. **皮肤自定义**：...

    自己写的flex 播放器

    5. 用户界面交互：为了提供良好的用户体验，播放器通常会包含丰富的UI元素，如播放/暂停按钮、音量控制滑块、全屏切换、快进/快退按钮等。这些元素的交互设计需要考虑易用性和响应速度。 6. 自定义组件：如果标准的...

    flex 代码总结

    这两种方法适用于不同的应用场景，前者适用于非全屏应用，后者适用于全屏模式。 最后，读取XML文件通常涉及 `URLRequest` 和 `URLLoader` 类。创建一个 `URLRequest` 对象指向XML文件的URL，然后创建一个 `...

Magicbox
Global site tag (gtag.js) - Google Analytics