Flex实现全屏(FullScreen)效果

来源：互联网发布：暗黑三mac版编辑：程序博客网时间：2024/05/17 17:46

原文：http://hi.baidu.com/honglin01/blog/item/8474d2ad029b3f044a36d667.html

首先在找到工程下的index.template.html文件

index.template.html文件代码如下：需要加入三条，我在后面有加注释噢

<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
// -->

<link rel="stylesheet" type="text/css" href="history/history.css" />

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

<script src="history/history.js" language="javascript"></script>

<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>