如何在 FLEX 中更改 spark 应用程序的宽度和高度？答案

【问题标题】：How to change the spark Application width and height in FLEX?如何在 FLEX 中更改 spark 应用程序的宽度和高度？
【发布时间】：2014-01-29 17:23:08
【问题描述】：

这就是我更改应用程序宽度和高度的方式：

 FlexGlobals.topLevelApplication.width = FlexGlobals.topLevelApplication.parameters.width;
 FlexGlobals.topLevelApplication.height = FlexGlobals.topLevelApplication.parameters.height;

我正在尝试更改 spark 应用程序的宽度和高度：

<s:Application 
    xmlns:fx="http://ns.adobe.com/mxml/2009"    
    xmlns:mx="library://ns.adobe.com/flex/mx"     
    xmlns:s="library://ns.adobe.com/flex/spark"
width="100" height="100">

好像我在代码中指定了它，我是从 html flashvars 传递它，但是应用程序的宽度和高度没有改变，有什么问题？

【问题讨论】：

应用程序不总是扩展舞台的全高宽度吗？当您将 SWF 嵌入页面时，Web 浏览器会设置哪个？

标签： actionscript-3 apache-flex actionscript

【解决方案1】：

希望这会对你有所帮助。

您需要在您的 flex 项目（flashbuilder）中的history-template folder 下找到index.template.html 文件。在index.template.html文件中swfobject.js脚本标签后添加如下javascript代码。可以直接传递高度和宽度javascript本身。

Javascript 代码

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


        var appName = "${application}";            
        var flexAppHeight = "150px"; //Your customize height
        var flexAppWidth = "200px";  //Your customize width          

        function changeDimension(){           
            var app = getFlexApp(appName);              
            app.style.height = flexAppHeight;
            app.style.width = flexAppWidth;
        }

弹性代码

在应用程序预初始化事件中调用application1_preinitializeHandler(event)。

         protected function application1_preinitializeHandler(event:FlexEvent):void
            {               
                if(ExternalInterface.available) 
                {     
                    ExternalInterface.call("changeDimension"); 
                }           
            }

还要确保您的 js 函数代码在您的 HTML 标记中可用（查看源代码）。 Flex 还调用选项（不需要你的情况），你可以直接在 Javascript 中设置高度和宽度，甚至更好地在 HTML 中设置。

在changeDimension()函数声明之后调用。

changeDimension(); //不需要从 Flex 调用。

【讨论】：