`
全能骑士
  • 浏览: 68883 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flex初始化全屏及全屏后用户输入的问题

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


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





index.template.html文件三个位置加入 allowFullScreen = "true"
见75,91,117行附近注释
<!-- saved from url=(0014)about:internet -->
<html lang="en">

<!-- 
Smart developers always View Source. 

This application was built using Adobe Flex, an open source framework
for building rich Internet applications that get delivered via the
Flash Player or to desktops via Adobe AIR. 

Learn more about Flex at http://flex.org 
// -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--  BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<!--  END Browser History required section -->

<title>${title}</title>
<script src="AC_OETags.js" language="javascript"></script>

<!--  BEGIN Browser History required section -->
<script src="history/history.js" language="javascript"></script>
<!--  END Browser History required section -->

<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = ${version_major};
// Minor version of Flash required
var requiredMinorVersion = ${version_minor};
// Minor version of Flash required
var requiredRevision = ${version_revision};
// -----------------------------------------------------------------------------
// -->
</script>
</head>

<body scroll="no">
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);

// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);

if ( hasProductInstall && !hasRequestedVersion ) {
	// DO NOT MODIFY THE FOLLOWING FOUR LINES
	// Location visited after installation is complete if installation is required
	var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
	var MMredirectURL = window.location;
    document.title = document.title.slice(0, 47) + " - Flash Player Installation";
    var MMdoctitle = document.title;

	AC_FL_RunContent(
		"src", "playerProductInstall",
		"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
		"width", "${width}",
		"height", "${height}",
		"align", "middle",
		"id", "${application}",
		"quality", "high",
		"bgcolor", "${bgcolor}",
		"name", "${application}",
		"allowScriptAccess","sameDomain",
		"allowFullScreen","true",//[color=red]修改位置[/color]		"type", "application/x-shockwave-flash",
		"pluginspage", "http://www.adobe.com/go/getflashplayer"
	);
} else if (hasRequestedVersion) {
	// if we've detected an acceptable version
	// embed the Flash Content SWF when all tests are passed
	AC_FL_RunContent(
			"src", "${swf}",
			"width", "${width}",
			"height", "${height}",
			"align", "middle",
			"id", "${application}",
			"quality", "high",
			"bgcolor", "${bgcolor}",
			"name", "${application}",
			"allowScriptAccess","sameDomain",
			"allowFullScreen","true",// [color=red]修改位置[/color]    
			"type", "application/x-shockwave-flash",
			"pluginspage", "http://www.adobe.com/go/getflashplayer"
	);
  } else {  // flash is too old or we can't detect the plugin
    var alternateContent = 'Alternate HTML content should be placed here. '
  	+ 'This content requires the Adobe Flash Player. '
   	+ '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
    document.write(alternateContent);  // insert non-flash content
  }
// -->
</script>
<noscript>
  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="${application}" width="${width}" height="${height}"
			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
			<param name="movie" value="${swf}.swf" />
			<param name="quality" value="high" />
			<param name="bgcolor" value="${bgcolor}" />
			<param name="allowScriptAccess" value="sameDomain" />
			<embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}"
				width="${width}" height="${height}" name="${application}" align="middle"
				play="true"
				loop="false"
				quality="high"
				allowScriptAccess="sameDomain"
				allowFullScreen="true"//[color=red]修改位置[/color]  
				type="application/x-shockwave-flash"
				pluginspage="http://www.adobe.com/go/getflashplayer">
			</embed>
	</object>
</noscript>
</body>
</html>
0
0
分享到:
评论

相关推荐

    flex 控件 全屏显示

    这段代码导入了必需的类库,并定义了一个初始化函数`init()`,该函数添加了全屏事件监听器并记录了当前的显示状态。 3. **全屏事件处理**: ```xml private function fullScreenHandler(evt:FullScreenEvent):...

    flex 窗口托盘和全屏

    2. 创建TrayIcon对象:在Flex应用程序的初始化阶段,创建一个TrayIcon实例,并设置其图标和菜单项。菜单项可以包含“退出”和“还原”等操作。 3. 监听事件:添加事件监听器以处理用户在托盘菜单上的选择。例如,当...

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

    在Flex应用程序中,全屏模式可以让用户获得更沉浸式的体验。Adobe Flex是一个开源的框架,用于构建跨平台的桌面和Web应用程序。它提供了丰富的组件库以及强大的工具集,使得开发者能够轻松地创建复杂的应用程序。在...

    flex 获取用户摄像头及拍照

    - **初始化界面**:使用 `&lt;mx:Canvas&gt;` 定义了一个全屏的容器,为后续的元素提供布局容器。 ```mxml &lt;![CDATA[ private var camera:Camera; // 打开摄像头 private function openCamera():void { camera = ...

    拖拉全屏相册

    例如,可以使用`$(document).ready()`确保在页面加载完成后执行某些初始化操作,而`$(window).resize()`可以监听窗口大小的变化,动态调整相册的布局。 7. **图片加载优化**:考虑到用户体验,相册可能包含大量图片...

    基于flex的flv简易播放器

    3. **事件处理**:使用creationComplete事件处理函数(completeHandler()),在组件加载完成后执行初始化操作,如创建NetConnection和NetStream实例,准备播放视频。 4. **NetConnection和NetStream**:Flex中的...

    Arcgis Api for flex 3.6

    - **工具条组件**:如缩放、平移、全屏等,提供用户友好的地图导航功能。 5. **事件处理**: - **地图事件**:如点击地图、鼠标移动、图层加载完成等,开发者可以监听这些事件并执行相应的处理函数。 - **图层...

    arcgis server api for flex

    例如,你可以利用Flex API创建一个天气预警系统,从ArcGIS Server获取气象图层,结合用户输入的地理位置进行危险区域的缓冲区分析,显示预警信息,并提供实时的天气动画效果。 ### 总结 ArcGIS Server API for Flex...

    可全屏浏览baguettebox相册代码.zip

    《构建全屏浏览的...最后,引入BaguetteBox.js库,并在JavaScript中初始化相册。确保在HTML文档底部加载JavaScript代码,或者使用`window.onload`或`$(document).ready`确保DOM已经加载完成: ```javascript ...

    Flex自定义右健菜单

    确保文件路径和大小写正确,并在`&lt;body&gt;`标签中添加`onload="RightClick.init()"`以初始化右键菜单的处理。 2. **修改SWF对象属性**:在HTML中创建或更新SWFObject时,添加`menu="false"`参数,以禁用默认的右键...

    Flex视频播放器(支持rtmp协议)开发代码

    - `init()` 函数初始化NetConnection,连接到服务器,并设置事件监听器以处理网络状态变化。 - `onNetStatusHandler()` 处理NetConnection的状态变化,例如连接成功或失败。 - `onMetaData` 函数接收元数据信息,并...

    微信小程序功能之全屏滚动效果的实现代码

    在实现全屏滚动时,开发者可能还会用到微信小程序的生命周期函数,比如onReady()和onLoad(),确保在页面加载完成后执行滚动相关的初始化操作。同时,可以利用微信小程序的导航功能,比如wx.navigateTo,让用户在不同...

    web打印,打印预览

    2. 初始化打印机:根据库的文档配置和初始化DLPrinter对象。 3. 设置打印参数:如纸张大小、方向、边距等。 4. 调用打印方法:将要打印的内容传递给DLPrinter,触发打印操作。 五、优化技巧 1. 图片处理:对于图片...

    图片在线查看.zip

    3. 通过jQuery或者其他JavaScript方法,初始化`viewer`插件,通常是在所有图片加载完成后进行。 4. 绑定点击事件,当用户点击某张图片时,`viewer`插件将该图片作为预览的目标,并显示出来。 5. `viewer`提供各种...

    jquery实现屏单页面滑动

    然后,在页面加载完成后,通过jQuery的`$(document).ready()`函数来初始化插件: ```javascript $(document).ready(function() { $('.onepage').onepage_scroll({ sectionContainer: "section", // 容器的CSS选择...

    FlexPaper实现文档在线浏览源码改造版

    `initApp()` 函数是应用启动时执行的初始化方法,它负责读取传入的参数并设置 FlexPaper 的配置。例如,通过 `Application.application.parameters` 获取 URL 参数,并用 `getNumber`、`getString` 和 `getBoolean` ...

    FlexPaper_2.2.4_SDK_3.5_swc.zip

    3. **初始化FlexPaper**:在你的主程序或初始化脚本中,设置FlexPaper的配置参数,如文档的URL、显示模式(全屏、页面视图等)、以及任何其他自定义设置。 4. **加载文档**:使用FlexPaper API加载PDF或其他支持的...

    vue学习笔记1

    首先,Vue CLI是Vue项目的基础脚手架,它提供了一种快速初始化项目的方式。在创建项目时,Vue CLI默认安装了一些基本的依赖,如babel(JavaScript编译器)、vue-router(路由管理)和linter/Fomatter(代码格式化...

    ActionScript开发人员指南中文版

    初始化XML变量 组合和变换XML对象 遍历XML结构 使用XML命名空间 XML类型转换 读取外部XML文档 在ActionScript中使用XML的示例:从Internet加载RSS数据 第章:使用本机JSON功能 JSONAPI概述 定义自定义JSON行为 第章:...

    HTML5和CSS3详细总结

    - **`flex-basis`**:定义项目在主轴上的初始大小。 ##### 3.2 2D和3D变换 CSS3提供了强大的变换功能,可以实现元素的移动、缩放、旋转等动态效果。 - **2D变换**: - **`translate()`**:在x轴和y轴上移动元素。...

Global site tag (gtag.js) - Google Analytics