`

3、Flex全屏方式

    博客分类:
  • FLEX
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init();">
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			private function init():void{
				this.btn.dispatchEvent(new MouseEvent(MouseEvent.CLICK));
			}
			private function fullScreen(event:Event):void{
				Alert.show("btn clicked");
				if(stage.displayState == StageDisplayState.FULL_SCREEN){
					stage.displayState = StageDisplayState.NORMAL;
					btn.label = "FullScreen";
				}else{
					stage.displayState=StageDisplayState.FULL_SCREEN;
					btn.label = "normalScreen";
				}
			}
		]]>
	</mx:Script>
	<mx:VBox>
		<mx:Label text="Hello World"/>
		<mx:Button id="btn" label="FullScreen" click="fullScreen(event);"/>
	</mx:VBox>
</mx:Application>

 这里写完可能不能全屏,那么就要修改工程里html-template文件夹下的index.template.html文件

<!-- 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",
		"type", "application/x-shockwave-flash",
		"pluginspage", "http://www.adobe.com/go/getflashplayer",
		"allowFullScreen", "true"
	);
} 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",
			"type", "application/x-shockwave-flash",
			"pluginspage", "http://www.adobe.com/go/getflashplayer",
			"allowFullScreen", "true"
	);
  } 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"
				type="application/x-shockwave-flash"
				allowFullScreen="true"
				pluginspage="http://www.adobe.com/go/getflashplayer">
			</embed>
	</object>
</noscript>
</body>
</html>

 在两个地方要加入"allowFullScreen", "true",下面的embed标签中加入allowFullScreen="true"。就可以了。注意如果是web项目且flash嵌入了html或jsp中,则在嵌入的代码中,allowFullScreen参数的值也得为true。具体代码看我的第二篇flex文章2、html或jsp中加入flash的方式

分享到:
评论

相关推荐

    flex全屏代码 界面全屏

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

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

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

    Flex 组件全屏的组件

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

    flex 如何全屏,很大帮助呀

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

    Flex 全屏显示 JasPine.rar

    3. **分辨率适配**:全屏模式下,应用需要适应不同的屏幕分辨率,确保内容能正确显示。 4. **事件监听**:可以监听`fullScreen`事件,以便在进入或退出全屏模式时执行相应的处理代码。 5. **性能优化**:全屏模式...

    flex 控件 全屏显示

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

    FLEX2和FLEX3全屏的代码

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

    Flex 3.2全屏模式的解决办法

    在IT行业中,Adobe Flex是一种基于ActionScript 3的开源框架,用于构建富互联网应用程序(RIA)。Flex 3.2是该框架的一个版本,它提供了一系列工具和技术,帮助开发者创建交互性强、图形丰富的Web应用程序。本篇文章...

    flex 窗口托盘和全屏

    本篇将详细讲解如何在Flex中实现窗口托盘和全屏功能。 首先,让我们关注"窗口托盘"这一概念。在桌面应用程序中,窗口托盘通常指的是系统任务栏上的一个小图标,当用户最小化程序窗口时,程序会缩到托盘区,而不是...

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

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

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

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

    Flex3 Flex Builder 3 快捷键一览

    ### Flex3与Flex Builder 3快捷键详解 在软件开发领域,提高开发效率是每个开发者追求的目标之一。Flex3及Flex Builder 3作为Adobe推出的一款用于构建富互联网应用程序(RIA)的强大工具集,其快捷键的掌握对于提高...

    flex做的MP3,MP4播放器

    MXML允许开发者以声明式方式定义UI,而ActionScript 3.0则提供了面向对象的编程能力,两者结合使得Flex在创建动态、响应式的Web应用时非常高效。 2. **数据获取**:播放器可以从数据库中下载媒体文件。这通常涉及到...

    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 制作的视频播放器,同时可以支持全屏播放

    3. **全屏播放**:在Flex中实现全屏播放功能,主要涉及到`fullScreen`属性和`fullScreenEvent`事件。当用户触发全屏模式时,我们可以监听`fullScreen`属性的变化,然后调整VideoDisplay组件的尺寸以适应全屏模式。...

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

    首先,全屏幻灯片组件是网页或应用中常见的一种展示方式,通常用于图片展示、产品介绍或故事讲述等场景。在FLEX中实现这样的功能,开发者需要掌握以下几个关键知识点: 1. **组件设计**:在FLEX中,组件是由MXML和...

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

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

    Flex4 电视墙效果

    在Flex4中,电视墙效果是一种视觉展示方式,常用于展示大量的小图片或视频,形成类似电视屏幕矩阵的效果,用户可以通过滚动或平移来浏览内容。这种效果在数字媒体、广告展示和互动应用中非常常见。 在Flex4中实现...

    flex4实现的简单相册实例

    3. **Spark组件**:Flex4引入了全新的Spark组件架构,相比Flex3的 Halo组件,Spark组件提供了更高级的外观和性能。在相册应用中,可能使用了`Image`组件来展示图片,`List`或`DataGrid`组件来显示图片列表。 4. **...

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

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

Global site tag (gtag.js) - Google Analytics