Flex

关注公众号 jb51net

关闭
首页 > 网页制作 > Flash > Flex > Flex 全屏组件

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

作者:

一般情况下,Flex全屏是指将整个舞台全屏,而不是待定的组件全屏.网上的例子也一般是指这种情况的.
下面发布一下,将特定组件全屏的现在代码:
复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:TitleWindow x="113" y="62" width="337" height="263" layout="absolute" id="titleTest" title="单个控件全屏测试">
        <mx:VideoDisplay x="0" y="53" height="160" width="317" id="videoDisplay"/>
        <mx:Button x="134.5" y="98" label="全屏" id="btnFullScreen" click="fullScreen();" color="#F41131"/>
        <mx:Button x="134.5" y="10" label="全屏" id="btnFullScreen0" click="fullScreen();" color="#F41131"/>
    </mx:TitleWindow>
    <mx:Script>
        <!--[CDATA[
            //
            import com.util.fullscreen.FullScreenUtil;
            private function fullScreen():void{
                if(FullScreenUtil.isFullScreen){
                    btnFullScreen.label = '全屏!';
                    FullScreenUtil.exitFullScreen();
                }else{
                    btnFullScreen.label = '退出全屏!';
                    FullScreenUtil.goFullScreen();

                    // 加入要全屏的对像.videoDisplay
                    FullScreenUtil.addChild(videoDisplay, true, true, true);

                    // 将 btnFullScreen 放在全屏对像上.
                    FullScreenUtil.addChild(btnFullScreen, true, true, false, -1, -1, -1, 100);
                }
            }            
        ]]-->
    </mx:Script>
</mx:Application>

下面用到的操作全屏的类:
请到此下载:
http://download.csdn.net/source/1679251
当然还要修改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" href="history/history.css" />
<!-- END Browser History required section -->

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

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

<style><!--
body { margin: 0px; overflow:hidden }
--></style><style bogus="1">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"
    );
} 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" href="http://www.adobe.com/go/getflash"></a>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" 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>
阅读全文