缩小以适应分辨率，但在 Flash CS4 中不放大

Question

我的女朋友是一名平面设计师，目前在一个网站上工作。她不懂任何 HTML 或 CSS，只熟悉 Flash，因此她使用 Flash 构建整个网站。应该指出的是，我是开发人员，对 HTML、CSS 或 Flash 的经验几乎为零。

工作进展顺利，但在我帮助她部署网站（通过“文件”->“发布”）后，我们遇到了一些问题。她制作了 1000x750 像素的 .swf 影片。在我的 24 英寸显示器上以 1920x1200 的分辨率检查生成的网站后，一切看起来确实像素化（电影使用图像，而不是矢量图形）。没问题！我想我们应该在 Flash 的发布选项中禁用缩放功能，这样就可以了。

然而，禁用缩放显然引入了一个新问题，即现在无法在运行低分辨率（<=1024x768）的计算机上正确观看电影，

我想我们正在寻找的行为只是缩小 电影以适应观看计算机的分辨率/浏览器窗口，但不放大 Flash (CS4) 似乎没有在其发布选项中包含此选项，是否有任何简单的方法可以启用这种行为？

Answer 1

对于您所描述的内容，没有内置选项，但可以通过 Flash 内部或 JavaScript 端的脚本轻松实现。我将在答案的末尾添加一个代码片段，它应该可以让您开始运行。

不过，首先让我建议您可能应该做什么。想象一下当用户（无论显示器大小）没有全屏浏览器时会发生什么。如果您按照您所描述的方式实现，他们会看到您的网站尺寸任意小，具体取决于其浏览器的大小，并且很可能会看到一些小到难以辨认和/或无法使用的内容。

现在当然，您可以通过进一步实现最小尺寸来解决这个问题，低于该尺寸时 Flash 会停止缩放，但随后您会开始对用户希望如何查看您的网站进行大量事后猜测。相反，您应该问，拥有小显示器（或小浏览器窗口）的用户期望网站做什么？答案是，以全尺寸显示网站并添加滚动条。为了我的钱，这就是你的网站应该做的。

因此，在 HTML（或 Flash 的 HTML 导出设置）中将 SWF 嵌入到 1000x750 容器中。这将使 SWF 无法为任何人缩放 - 在您的显示器上，您将看到未缩放的网站在窗口内居中（或左上角对齐或其他），而在较小的显示器上，您将看到整个网站未缩放，并带有浏览器滚动条。

归根结底，您必须认识到，尽管 Flash 内容本质上是可缩放的，但大多数网站都是由文本和图像组成的，而事实并非如此。即使您可以在运行时缩小规模，但这通常不是用户所期望的，并且通常不会使网站看起来很好。

---

现在，正如所承诺的，这里有一段 Flash AS3 代码，它应该可以让您有足够的优势来进行任何您喜欢的缩放操作。如果您已将 Flash 发布到占据整个浏览器窗口的容器中，并将缩放模式设置为“无缩放”，这应该会给您带来所需的效果。

// perform initial size check
checkStageSize();

// register to re-check when stage size changes
stage.addEventListener( Event.RESIZE, onResize, false, 0, true );
function onResize( e:Event ) {
    checkStageSize();
}

// do the scaling here
function checkStageSize():void {
    var wid:Number = stage.stageWidth;
    var hi:Number = stage.stageHeight;
    var needToScaleDown:Boolean = (wid < 550); // or some other test
    if ( needToScaleDown ) {
        var scale:Number = wid/550;
        someContent.scaleX = someContent.scaleY = scale;
    } else {
        someContent.scaleX = someContent.scaleY = 1;
    }
}

假设“someContent”是指包含要缩放的所有内容的容器，其注册点位于舞台的原点（左上角）。没有简单的方法来自动缩放整个影片，因此您需要将内容放置在容器影片剪辑中并对其进行缩放。

请随意将上面的代码片段放在舞台上的框架动作中，更改“someContent”以引用您可以缩放的容器，然后使用它。但我真的认为您最终会决定仅显示未缩放的网站更有用。