屏幕分辨率太小时如何缩放Flex应用程序？

Question

我正在开发一个 Flex 应用程序，专为 1280x1024 及更高的屏幕分辨率而设计。在使用投影仪的极少数情况下（通常最大为 1024x768 像素），我想缩小应用程序（目前我有很多滚动条和剪辑）。

我已经尝试过应用程序的属性 scaleX 和 scaleY 以及 stage.scaleMode。 我无法完全找到一种在不缩放的情况下渲染应用程序的方法。

• 但是，当应用程序的宽度和高度大于某些值时，
• 当宽度或高度小于某些值时，

我该如何实现这一点？

Answer 1

我终于找到了一种缩小应用程序规模的方法。事实上，孩子们需要扩展的应用程序。否则应用程序的宽度和高度会缩小。

由于我使用的是状态，因此我还必须为 currentStateChanging 事件添加一个事件处理程序。

private static const MIN_WIDTH:Number = 1250;
private static const MIN_HEIGHT:Number = 800;

protected function application_currentStateChangingHandler():void
{
    callLater(scaleElements);
}

protected function application_resizeHandler():void
{
    scaleElements();
}

protected function scaleElements():void
{
    var newScaleX:Number = 1;
    var newScaleY:Number = 1;

    if (width < MIN_WIDTH)
        newScaleX = width / MIN_WIDTH;

    if (height < MIN_HEIGHT)
        newScaleY = height / MIN_HEIGHT;

    var newScale:Number = Math.min(newScaleX, newScaleY);

    for (var i:int = 0; i < numElements; i++)
    {
        var element:DisplayObject = getElementAt(i) as DisplayObject;

        if (element)
        {
            element.scaleX = newScale;
            element.scaleY = newScale;
        }
    }
}

Answer 2

为了扩展整个应用程序，而不是单独扩展所有元素，我删除了循环并添加了：

this.scaleX = newScale;
this.scaleY = newScale;

Answer 3

Alex Harui 在 2009 年提出了一个很好的解决方案。请参阅 ScaleMode 自动缩放应用程序。请参阅此处示例，了解其工作原理。

Answer 4

我将通过向顶级应用程序上的“调整大小”事件添加事件侦听器来解决此问题。下面是调整大小事件的示例方法处理程序（假设处理程序位于主 Application 类中，因此“this”指的是顶级应用程序）：

function onResize(e:Event):void {
  if(this.scaleX > 1){
    //check if we need to readjust to a normal scale of 1
    var effectiveWith:int = this.width*this.scaleX;
    var effectiveHeight:int = this.height*this.scaleY;
    if(effectiveWidth > 1280 || effectiveHeight > 1024){
        this.scaleX = 1;
        this.scaleY = 1;
    }
   }else{
    //the scale is still 1, lets see if we should scale it up
    if(this.width < 1280 || this.height < 1024){
        this.scaleX = (1280-this.width)/1280 + 1;
        this.scaleY = (1024-this.height)/1024 + 1;
    }
  }
}