Flex 全屏組件 部分全屏的實(shí)現(xiàn)代碼
更新時(shí)間：2009年09月20日 18:43:23 作者：
一般情況下，F(xiàn)lex全屏是指將整個(gè)舞臺(tái)全屏，而不是待定的組件全屏．網(wǎng)上的例子也一般是指這種情況的．
下面發(fā)布一下，將特定組件全屏的現(xiàn)在代碼：
<?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="單個(gè)控件全屏測試">
<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
當(dāng)然還要修改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 ></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>
復(fù)制代碼 代碼如下:
<?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="單個(gè)控件全屏測試">
<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
當(dāng)然還要修改HTML模塊文件，修改如下：
復(fù)制代碼 代碼如下:
<!-- 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 ></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>
相關(guān)文章
使用過TileList的朋友可能知道，該組件沒有Item與Item之間的間距設(shè)置。而且theme也沒有辦法象linkbar那樣設(shè)置樣式corner-radius改變形狀。2009-06-06
Flex與.NET互操作(八) 使用FluorineFx網(wǎng)關(guān)實(shí)現(xiàn)遠(yuǎn)程訪問
關(guān)于遠(yuǎn)程訪問在本系列文章中陸續(xù)的寫了不少示例了，本文沒有準(zhǔn)備深入的去探討，為了鞏固FluorineFx網(wǎng)關(guān)的學(xué)習(xí)和使用。2009-06-06
呵呵,其實(shí)我用的時(shí)間不多,還接觸這個(gè)不到3個(gè)月吧,哎,所以很多地方都需要不斷的進(jìn)行更正了.2009-06-06
Flex DataGrid DataGridColumn數(shù)據(jù)顏色多樣化-類型替換
用得多了,發(fā)覺自己了解的真的是九牛之一毛都沒有,最近用到了從后臺(tái)讀出數(shù)據(jù)時(shí)顯示的問題,相信很多人都有用整形數(shù)據(jù)來代替字符串?dāng)?shù)據(jù)的情況2009-06-06
最近Flex項(xiàng)目中需要保存背景為透明的截圖，需要用到PngEncoder類。2009-10-10
Flex與.NET互操作(十一)：FluorineFx.Net的及時(shí)通信應(yīng)用（Remote Procedure Call
FluorineFx.NET提供了完善的RPC(Remote Procedure Call)功能，無論是通過Flash還是Flex開發(fā)的客戶端應(yīng)用(.swf)都可以非常簡單方便的采用RPC的方式調(diào)用.NET的服務(wù)器端方法2009-06-06
Flex與.NET互操作(十三)：FluorineFx.Net實(shí)現(xiàn)視頻錄制與視頻回放
本文主要介紹使用FluorineFx.Net來實(shí)現(xiàn)視頻錄制與視頻回放，F(xiàn)luorineFx如同F(xiàn)MS一樣，除了有AMF通信，RTMP協(xié)議，RPC 和遠(yuǎn)程共享對象外，它同樣具備視頻流服務(wù)的功能。2009-06-06
Flex 非常實(shí)用的學(xué)習(xí)資料整理
對于學(xué)習(xí)flex 的朋友，絕對是個(gè)不錯(cuò)的一些資料，大家可以用ctrl+F搜索獲取2009-01-01
flash下event事件驅(qū)動(dòng)方法2008-05-05
程序需求：動(dòng)態(tài)生成柱形圖，柱形條數(shù)不確定，柱形字段不確定2008-12-12