Flex实现全屏(FullScreen)效果
2011-12-14 11:22
316 查看
原文:http://hi.baidu.com/honglin01/blog/item/8474d2ad029b3f044a36d667.html
首先在找到工程下的index.template.html文件
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",
"allowFullScreen","true", //加入这一行,全屏效果
"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", //加入这一行,全屏效果
"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" //加入这一行, 全屏效果
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>
</object>
</noscript>
</body>
</html>
修改完成后,开始编写mxml文件:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
fontSize="14">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
//全屏调用的方法
private function fullScreen():void{
//windows.label获取当前按钮的label值
if(windows.label=="全屏"){
//显示全屏效果
stage.displayState=StageDisplayState.FULL_SCREEN;
//给按钮的label重新赋值
windows.label ="退出全屏";
}else{
//退出全屏效果
stage.displayState=StageDisplayState.NORMAL;
//给按钮的label重新赋值
windows.label ="全屏";
}
}
]]>
</mx:Script>
<mx:Button id="windows" label="全屏" click="fullScreen();"/>
</mx:Application>
页面也可以这么写(看自己喜欢的方式,显示结果都的一样的):
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import flash.display.*;
//实现全屏功能的方法
private function Fullscr(evt:MouseEvent):void{
//判断,如果当前状态为全屏
if (this.stage.displayState == StageDisplayState.FULL_SCREEN){
//将状态改为正常模式
this.stage.displayState = StageDisplayState.NORMAL;
//内部控件不进行缩放
stage.scaleMode = StageScaleMode.NO_SCALE;
//给按钮的label赋值为全屏
f.label="全屏";
}else{//当前状态不为全屏
//将状态改为全屏模式
this.stage.displayState = StageDisplayState.FULL_SCREEN;
//内部控件不进行缩放
stage.scaleMode = StageScaleMode.NO_SCALE;
//给按钮的label赋值为退出
f.label="退出";
}
}
]]>
</mx:Script>
<mx:Button id="f" label="全屏" click="Fullscr(event)" x="28" y="26" width="61" height="37" fontSize="12 "/>
</mx:Application>
首先在找到工程下的index.template.html文件
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",
"allowFullScreen","true", //加入这一行,全屏效果
"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", //加入这一行,全屏效果
"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" //加入这一行, 全屏效果
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>
</object>
</noscript>
</body>
</html>
修改完成后,开始编写mxml文件:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
fontSize="14">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
//全屏调用的方法
private function fullScreen():void{
//windows.label获取当前按钮的label值
if(windows.label=="全屏"){
//显示全屏效果
stage.displayState=StageDisplayState.FULL_SCREEN;
//给按钮的label重新赋值
windows.label ="退出全屏";
}else{
//退出全屏效果
stage.displayState=StageDisplayState.NORMAL;
//给按钮的label重新赋值
windows.label ="全屏";
}
}
]]>
</mx:Script>
<mx:Button id="windows" label="全屏" click="fullScreen();"/>
</mx:Application>
页面也可以这么写(看自己喜欢的方式,显示结果都的一样的):
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import flash.display.*;
//实现全屏功能的方法
private function Fullscr(evt:MouseEvent):void{
//判断,如果当前状态为全屏
if (this.stage.displayState == StageDisplayState.FULL_SCREEN){
//将状态改为正常模式
this.stage.displayState = StageDisplayState.NORMAL;
//内部控件不进行缩放
stage.scaleMode = StageScaleMode.NO_SCALE;
//给按钮的label赋值为全屏
f.label="全屏";
}else{//当前状态不为全屏
//将状态改为全屏模式
this.stage.displayState = StageDisplayState.FULL_SCREEN;
//内部控件不进行缩放
stage.scaleMode = StageScaleMode.NO_SCALE;
//给按钮的label赋值为退出
f.label="退出";
}
}
]]>
</mx:Script>
<mx:Button id="f" label="全屏" click="Fullscr(event)" x="28" y="26" width="61" height="37" fontSize="12 "/>
</mx:Application>
相关文章推荐
- 用html5(requestFullscreen) js实现点击一个按钮使浏览器全屏效果
- Android Studio快捷键设置之实现原eclipse中ctrl+m的全屏的效果
- 使用HTML5技术实现的全屏图片模糊效果
- 让HTML页面也可以实现全屏效果
- 实现全屏切换效果
- 基于Flex 4.6实现 Picture Slide (图片滑动展示效果)
- 游戏全屏灰化渲染效果实现
- 模态全屏模式,实现半透明效果
- Android Studio快捷键设置 (实现原eclipse ctrl+m 代码全屏的效果)
- flex中实现滤镜遮罩效果
- flex中实现marquee效果(由下而上滚动)
- 如何在Android中实现全屏,去掉标题栏效果
- flex中实现marquee效果(由下而上滚动)
- 使用fullpage.js实现全屏滚动效果
- jquery.flexslider-min.js实现banner轮播图效果
- Flex实现组件自定义倒影效果之二:继承于Effect
- 基于jquery实现全屏滚动效果
- Android实现Splash界面全屏效果
- IOS_实现tableview向上滚动全屏效果与点击展开动画
- 原生 js 实现全屏滚动效果