Flex获取窗体大小 Flex与JS互相调用

有时我们需要弹出自定义提示框,并显示在屏幕中心,这是需要根据浏览器大小来动态或得浏览器中心位置的坐标,这时可以使用flex和html里的js进行通讯,来获取。
效果图:
使用ExternalInterface.addCallback 来发布 ActionScript 要提供给 JavaScript 调用的函数或方法,执行完 ExternalInterface.addCallback 后,通过 ExternalInterface.call 方法调用 JavaScript 中的方法获取屏幕参数。

详细复制下面代码运行

favzone.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				layout="absolute"
				backgroundColor="#FFFFFF"
				creationComplete="init()">
	<mx:Script>
		<![CDATA[
			import mx.core.Container;
			import flash.external.ExternalInterface;
			import mx.containers.Canvas;
			[Bindable]
			private var screenWidth:int=new int();
			[Bindable]
			private var screenHeight:int=new int();

			internal function init():void
			{
				ExternalInterface.addCallback("setScreenSize", setScreenSize);
				ExternalInterface.call("getScreenSize", setScreenSize);
			}

			private function setScreenSize(width:int, height:int):void
			{
				this.screenWidth=int(width);
				this.screenHeight=int(height);
			}
		]]>
	</mx:Script>

	<mx:Text text="screenWidth:{screenWidth}"/>
	<mx:Text text="screenHeight:{screenHeight}"
			 y="42"/>
</mx:Application>


 

 

 

 

calljs.js

function thisMovie(movieName) {
	if (navigator.appName.indexOf("Microsoft") != -1) {
		return window[movieName];
	} else {
		return document[movieName];
	}
}





// send to flex
function getScreenSize() {
	var size = [];
	size = getSize();
	thisMovie("favzone").setScreenSize(size[0], size[1]);
}




//get size
function getSize() {
	var myWidth = 0, myHeight = 0;
	if (typeof (window.innerWidth) == "number") {
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else {
		if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
			myWidth = document.documentElement.clientWidth;
			myHeight = document.documentElement.clientHeight;
		} else {
			if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
				myWidth = document.body.clientWidth;
				myHeight = document.body.clientHeight;
			}
		}
	}
	var size = [];
	size[0] = myWidth;
	size[1] = myHeight;
	return size;
}


 

 

 

 

index.template.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" />
		<!--  END Browser History required section -->

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

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

		<style>
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",
			"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/>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" quality="high" bgcolor="${bgcolor}"
					width="${width}" height="${height}" name="${application}"
					align="middle" play="true" loop="false" quality="high"
					allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
					pluginspage="http://www.adobe.com/go/getflashplayer">
				</embed>
			</object>
		</noscript>
	</body>
</html>


 

阅读更多
上一篇flex嵌入html完整页面and嵌入其他项目swf文件
下一篇Flex中图片拉伸定义
想对作者说点什么? 我来说一句

JSFlex通信、互转例子

2013年01月25日 2.24MB 下载

flex 组件大小窗口自适应

  

a362005740 a362005740

2010-09-09 16:25:00

阅读数:1790

flex 窗口拖动与尺寸改变

2010年06月17日 346KB 下载

没有更多推荐了,返回首页

关闭
关闭