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

Flex全屏后键盘输入问题

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

    flex实现全屏只能通过鼠标点击事件来触发，例如使用Application的createComplete事件处理函数中处理全屏是不容许的。而且flex是不支持全屏后用户的键盘输入的。如全屏后不能输入用户名密码进行登录等等！
     flex处理全屏需要AS代码和htmp模板中JS代码相互配合。实现全屏需要编写AS代码和index.template.html文件。


AS代码
Java代码

   1. <mx:Button click="{stage.displayState = StageDisplayState.FULL_SCREEN ;}"/>    

<mx:Button click="{stage.displayState = StageDisplayState.FULL_SCREEN ;}"/>






index.template.html文件三个位置加入 allowFullScreen = "true"
见75，91，117行附近注释
Java代码

   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.     document.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.         "allowScriptAccess","sameDomain", 
  74.         "allowFullScreen","true",//修改位置      "type", "application/x-shockwave-flash", 
  75.         "pluginspage", "http://www.adobe.com/go/getflashplayer" 
  76.     ); 
  77. } else if (hasRequestedVersion) { 
  78.     // if we've detected an acceptable version 
  79.     // embed the Flash Content SWF when all tests are passed 
  80.     AC_FL_RunContent( 
  81.             "src", "${swf}", 
  82.             "width", "${width}", 
  83.             "height", "${height}", 
  84.             "align", "middle", 
  85.             "id", "${application}", 
  86.             "quality", "high", 
  87.             "bgcolor", "${bgcolor}", 
  88.             "name", "${application}", 
  89.             "allowScriptAccess","sameDomain", 
  90.             "allowFullScreen","true",// 修改位置     
  91.             "type", "application/x-shockwave-flash", 
  92.             "pluginspage", "http://www.adobe.com/go/getflashplayer" 
  93.     ); 
  94.   } else {  // flash is too old or we can't detect the plugin 
  95.     var alternateContent = 'Alternate HTML content should be placed here. ' 
  96.     + 'This content requires the Adobe Flash Player. ' 
  97.     + '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>'; 
  98.     document.write(alternateContent);  // insert non-flash content 
  99.   } 
100. // --> 
101. </script> 
102. <noscript> 
103.     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
104.             id="${application}" width="${width}" height="${height}" 
105.             codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"> 
106.             <param name="movie" value="${swf}.swf" /> 
107.             <param name="quality" value="high" /> 
108.             <param name="bgcolor" value="${bgcolor}" /> 
109.             <param name="allowScriptAccess" value="sameDomain" /> 
110.             <embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}" 
111.                 width="${width}" height="${height}" name="${application}" align="middle" 
112.                 play="true" 
113.                 loop="false" 
114.                 quality="high" 
115.                 allowScriptAccess="sameDomain" 
116.                 allowFullScreen="true"//修改位置   
117.                 type="application/x-shockwave-flash" 
118.                 pluginspage="http://www.adobe.com/go/getflashplayer"> 
119.             </embed> 
120.     </object> 
121. </noscript> 
122. </body> 
123. </html>
分享到：
| Flex和JS间如何通信
评论
发表评论

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

相关推荐

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

    通常，这可能是一个包含示例代码或资源的文件，你可以将其解压后参考其中的代码以进一步理解Flex全屏的实现。为了深入学习，建议结合具体的项目实践和查阅Adobe官方文档，以便更好地掌握Flex全屏技术。

    flex全屏代码 界面全屏

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

    Flex 组件全屏的组件

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

    Flex 全屏显示 JasPine.rar

    2. **安全问题**：全屏模式可能会引发安全问题，如恶意代码利用全屏模式隐藏其活动。因此，开发者需要确保全屏功能的合理使用。 3. **分辨率适配**：全屏模式下，应用需要适应不同的屏幕分辨率，确保内容能正确显示...

    flex 如何全屏，很大帮助呀

    5. Flex全屏事件： Flex提供了一些全屏相关的事件，如`fullScreen`、`fullScreenActivate`和`fullScreenDeactivate`，可以用来监听全屏状态的变化并做出相应操作。 6. Flex与硬件加速： 在全屏模式下，为了获得更...

    flex 控件 全屏显示

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

    flex软键盘

    综上所述，Flex软键盘是一个综合运用Flex组件化开发、事件处理、自定义布局等技术实现的触摸屏输入工具，它为开发者提供了一个可扩展、可定制的解决方案，适应各种触摸设备的输入需求。通过深入理解其工作原理和源...

    Flex 3.2全屏模式的解决办法

    本篇文章将深入探讨如何在Flex 3.2中实现全屏模式，以及与之相关的知识点。 全屏模式是许多应用程序中一个常见的需求，它允许用户沉浸式地体验应用，消除其他界面元素的干扰。在Flex 3.2中，全屏模式的实现主要依赖...

    FLEX2和FLEX3全屏的代码

    本篇文章将详细介绍在Flex 2和Flex 3中如何实现全屏功能。 首先，让我们看看Flex 2的情况。在使用Flex Builder 2进行开发时，如果尝试直接使用`flash.display.StageDisplayState`类来实现全屏功能，可能会遇到找不...

    flex 窗口托盘和全屏

    - `StageDisplayState.FULL_SCREEN_INTERACTIVE`：全屏交互模式，允许鼠标和键盘输入。 实现全屏切换的方法如下： 1. 添加全屏按钮：在Flex界面设计中添加一个按钮，作为全屏/退出全屏的触发器。 2. 监听按钮点击...

    flex combobox 输入过滤实例

    Flex Combobox是一款在Adobe Flex框架下使用的组件，它结合了下拉列表和文本输入框的功能，用户可以在输入框中输入文字，同时从下拉列表中选择一个匹配项。在本实例中，我们将深入探讨如何利用Flex 4实现Combobox的...

    flex点击按钮或双击实现全屏

    在Flex开发过程中，实现全屏功能是常见的需求之一。本文将详细介绍如何通过点击按钮或双击操作来实现Flex应用的全屏切换。 ### 一、背景介绍 在Flex应用程序中，全屏模式可以让用户获得更沉浸式的体验。Adobe Flex...

    flex和java整合常见问题分析

    ### Flex与Java整合常见问题分析 #### 一、前言 在进行Flex与Java整合的过程中，往往会遇到一些常见的技术难题。本文将针对搭建Flex+Java+Oracle项目的实践过程中所遇到的问题进行深入剖析，并提供相应的解决方案...

    Flex使用问题汇总

    以上就是关于Flex使用中常见的一些问题和解决方案，包括改变验证控件样式、与HTML组件交互、禁用TextArea输入以及处理XML乱码问题。在实际开发中，遇到这些问题可以参考上述方法进行解决，同时也可加入相关交流群或...

    Flex不能Debug调试问题

    然而，当遇到“Flex不能Debug调试问题”，这通常会给开发流程带来困扰。问题描述指出，调试器在加载过程中卡在48%，最终导致会话超时。这种问题可能由多种因素引起，包括但不限于网络配置、Flash Player设置、IDE...

    flex 向前向后移动

    "向前向后移动"这个概念在Flex布局中主要涉及到了元素的顺序调整和对齐方式。让我们深入探讨一下Flex布局以及如何实现元素的前后移动。 1. **Flex布局的基本概念** - Flex容器：一个拥有`display: flex`或`display...

    坦克大战 基于FLEX开发的关键键盘事件

    《坦克大战：基于FLEX开发的关键键盘事件》 在计算机游戏开发领域，坦克大战是一款深受玩家喜爱的经典游戏，而利用Adobe Flex技术进行开发可以为这款游戏带来全新的交互体验。Flex是基于ActionScript 3.0的开放源...

    flex解决textarea,input不能输入中文的方法

    通过上述方法，可以有效地解决Flex在非主应用程序环境中textarea和input控件无法正常输入中文的问题。首先通过设置 `&lt;object&gt;` 或 `&lt;embed&gt;` 标签的 `wmode` 属性来改善与浏览器的交互，然后通过调整Flex应用的背景...

    Flex Flex Flex Flex

    Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex ...

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

    在Flex开发中，全屏功能通常指的是将整个应用程序或舞台扩展至显示器的全部尺寸，以提供沉浸式的用户体验。然而，有时候我们可能只需要特定的组件全屏显示，而非整个应用。这个场景下的“部分全屏”功能是将一个指定...

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