Flex 全屏组件 部分全屏的实现代码
75 浏览量
2020-10-29
17:16:51
上传
评论
收藏 36KB PDF 举报
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 -->
评论0
最新资源