完全相当大的应用程序 - Flex 4.5

时间:2011-06-27 08:17:45

标签: flex layout flex4 resize autoresize

我想使用Flex 4.5创建一个完全可调整大小的应用程序。我已经进行过实验,但我的方法似乎很难维护,因此对我来说看起来并不好。这是我的方法:

  1. 关于HTML我实际上有一个第一页检测用户的显示器分辨率,然后重定向到flash容器HTML(JSP),它读取宽度和高度参数并将flash渲染到传递的大小
  2. 在我的应用程序中,我使用1280x720作为参考大小,因此我创建了一个实用程序类:
  3. package utils {     import mx.collections.ArrayCollection;     import mx.core.FlexGlobals;     import mx.resources.ResourceManager;     import mx.utils.ObjectProxy;

    /**
     *
     * @author user
     *
     */
    public final class LayoutUtils
    {
        /**
         *
         *
         */
        public function LayoutUtils()
        {
            throw new Error("Boooohhhhhhhhhh");
        }
    
        public static function relativeToHeight(percentageValue:Number):Number
        {
            return percentageValue * FlexGlobals.topLevelApplication.height / 100; 
        }
    
        public static function relativeToWidth(percentageValue:Number):Number
        {
            return percentageValue * FlexGlobals.topLevelApplication.width / 100; 
        }
    }
    

    }

    我传递了相对于身高或宽度的百分比值,我就回来了。所以我实际上将组件的高度/宽度绑定到例如{LayoutUtils.relativeToWidth(50)},如果我的应用程序宽度为1280,则返回640.但这意味着将宽度和/或高度设置为几乎每个组件,这包括填充和锚定位置这让它变得一团糟。

    你还有其他建议吗?我希望所有内容都能正确调整大小(包括字体)。我将提供的所有可用尺寸将保持相同的宽高比,例如16:9,因为我看不到任何其他方式。

    有什么建议吗?

1 个答案:

答案 0 :(得分:1)

如果要扩展任何内容,请在应用程序容器(精灵)上使用scaleXscaleY并设置

stage.scaleMode = StageScaleMode.SHOW_ALL;