如何在FLEX中更改火花应用程序的宽度和高度？

Question

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

 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传递它，但是应用程序的宽度和高度没有改变，这是怎么回事？

Answer 1

希望这会帮助你。

您需要在flex项目（flashbuilder）的history-template folder下找到index.template.html文件。 在swfobject.js脚本标记后的index.template.html文件中添加以下javascript代码。 index.template.html可以直接传递高度和宽度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() 。

changeDimension(); //无需从Flex调用。