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

77 阅读 0 评论 51 点赞

我是靠谱客的博主健康钢铁侠，这篇文章主要介绍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>  </mx:Script> </mx:Application>

下面用到的操作全屏的类：

请到此下载：

http://download.csdn.net/source/1679251

当然还要修改HTML模块文件，修改如下：

<html lang="en">  <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <link rel="stylesheet" type="text/css" href="history/history.css" mce_href="history/history.css" />  <title>${title}</title> <mce:script src="AC_OETags.js" mce_src="AC_OETags.js" language="javascript"></mce:script>  <mce:script src="history/history.js" mce_src="history/history.js" language="javascript"></mce:script>  <mce:style></mce:style><style mce_bogus="1">body { margin: 0px; overflow:hidden }</style> <mce:script language="JavaScript" type="text/javascript"></mce:script> </head> <body scroll="no"> <mce:script language="JavaScript" type="text/javascript"></mce: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" mce_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>