在浏览器中调整 Flash 网页答案

【问题标题】：Fit Flash webpage in the browser在浏览器中调整 Flash 网页
【发布时间】：2012-12-12 08:41:23
【问题描述】：

我正在使用 Adobe Flash CS6 开发一个网站。我给了我的文档大小为 1024 像素 x 768 像素。但是当我发布 cwebsite 时，我不知道如何使 flash 文档具有浏览器大小......例如：incontextediting.adobe.com。它完全采用 Flash 设计，但具有浏览器的尺寸。怎样才能达到这样的效果？

【问题讨论】：

标签： actionscript-3 flash actionscript web

【解决方案1】：

你必须在Flash端做这些安排

stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;

您必须使用此事件侦听器的调整大小算法调整所有内容的大小：

stage.addEventListener(Event.RESIZE, function(event:Event):void{
ExampleObject.x = Math.floor(stage.stageWidth/2 - ExampleObject.width/2);
ExampleObject.y = Math.floor(stage.stageHeight/2 - ExampleObject.height/2);
/*
For example: 
Centering an object
*/
});

当然，你必须做一些浏览器端的安排。我结合使用 swffit 和 swfobject，

http://code.google.com/p/swffit

http://code.google.com/p/swfobject

【讨论】：

【解决方案2】：

stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.addEventListener(Event.RESIZE, onResize);

此代码使您的应用程序进入无缩放模式。在onResize 处理程序中，您必须编写适合当前屏幕尺寸的组件和图形的代码。 Stage.stageWidth and Stage.stageHeight 属性中提供的舞台宽度和高度

【讨论】：

还要确保 html 那个 div 或任何包含 swf 的东西是 100% 的宽度和高度。
@csomakk 还要确保将 html 和 body 的边距和填充设置为 0