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

论坛 期权论坛 脚本     
niminba   2021-5-23 02:49   1575   0
下面发布一下,将特定组件全屏的现在代码:
复制代码 代码如下:

<?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};
// ------------------------------------------------------------------------%
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:1060120
帖子:212021
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP