Question

我一直在寻找谷歌，但我找不到一个好的答案。我正在使用flex 4并使用模块构建一个air app（会有很多模块，因为这是一个很大的项目）。我设法在一个由popupmanager调用的标题窗口中加载模块，但是当关闭标题窗口时，模块没有被卸载（使用） - 我使用了在burnbuilder中的探查器进行了检查。

这是我的代码，我需要知道在进入项目之前我是否正在使用模块正确的方向。

感谢所有

Main APP: MXML

<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                   xmlns:s="library://ns.adobe.com/flex/spark"
                   xmlns:mx="library://ns.adobe.com/flex/mx"
                   xmlns:tblusersservice="services.tblusersservice.*"
                   xmlns:valueObjects="valueObjects.*"
                   xmlns:tbluserservice="services.tbluserservice.*"
                   width="100%" height="100%" applicationComplete="checkForUpdate()" preinitialize="nativeWindow.maximize();" currentState="login">

<fx:Script source="includes/_loadtracker.as"/>



<s:Panel id="panelmain" includeIn="mainmenu" left="5" width="100%" height="100%" resizeEffect="Resize" title="Main menu">

    <s:Image id="companymenu" right="15" top="130" width="118" height="93" buttonMode="true"
             click="loadmodule('mod_company', 'Company Information', 931, 446);" source="assets/company.png" useHandCursor="true"/>


</s:Panel>



</s:WindowedApplication>




_loadtracker.as:

// ActionScript file
import flash.filesystem.*;
import flash.events.ErrorEvent;
import flash.events.MouseEvent;
import flash.events.Event;
import flash.display.*;
import air.update.ApplicationUpdaterUI;
import air.update.events.UpdateEvent;
import mx.controls.Alert;       
import mx.managers.PopUpManager;
import mx.rpc.events.ResultEvent;
import spark.components.TitleWindow;
import valueObjects.*;
import flash.desktop.NativeApplication;



// Open the pop-up window.
private function loadmodule(modname:String, modtitle:String, modwidth:int, modheight:int):void {
// Create a non-modal TitleWindow container.
settings.moduletoload = modname;
var titleWindow:TitleWindow=
    PopUpManager.createPopUp(this, showmodules, true) as TitleWindow;
titleWindow.title = modtitle;
titleWindow.width = modwidth;
titleWindow.height = modheight + 35;
    PopUpManager.centerPopUp(titleWindow);
}





showmodules.mxml

<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009" 
           xmlns:s="library://ns.adobe.com/flex/spark" 
           xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="400"  creationComplete="initModule()" close="handleCloseEvent()">

<fx:Script>
    <![CDATA[

        import mx.controls.Alert;
        import mx.core.IVisualElement;
        import mx.events.ModuleEvent;
        import mx.managers.PopUpManager;
        import mx.modules.IModuleInfo;
        import mx.modules.ModuleManager;
        import mx.rpc.events.ResultEvent;
        import services.tbluserservice.*;

        public var info:IModuleInfo;
        public var modclosed:Boolean = false;

        private function initModule():void {
            this.addEventListener("foobar", handleCloseEventmodule);

            info = ModuleManager.getModule("/modules/"+settings.moduletoload+".swf");
            info.addEventListener(ModuleEvent.READY, modEventHandler);           

            info.load(null, null, null, moduleFactory);
        }

        /* Add an instance of the module's class to the display list. */        
        private function modEventHandler(e:ModuleEvent):void {

            this.addElement(info.factory.create() as IVisualElement);
        }

        // Handle the close button and Cancel button.
        public function handleCloseEvent():void {

                PopUpManager.removePopUp(this);
                info.unload();
                info.release();
                info = null;

        }

    ]]>
</fx:Script>

<fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
</s:TitleWindow>




mod_company.mxml

<s:Module xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx"
      xmlns:tblcompanyservice="services.tblcompanyservice.*"
      xmlns:valueObjects="valueObjects.*"
      width="931" height="446"
      creationComplete="LoadData()">
<fx:Script>
    <![CDATA[
        import mx.events.FlexEvent;

        protected function dataGrid_creationCompleteHandler(event:FlexEvent):void
        {
            getAllTblcompanyResult.token = tblcompanyService.getAllTblcompany();
        }

    ]]>
</fx:Script>

<fx:Script source="../includes/_company.as"/>

<fx:Declarations>
    <tblcompanyservice:TblcompanyService id="tblcompanyService"
                                         fault="Alert.show(event.fault.faultString + '\n' + event.fault.faultDetail)"
                                         showBusyCursor="true"/>
    <s:CallResponder id="getTblcompanyByIDResult" fault="Alert.show(event.fault.faultString + '\n' + event.fault.faultDetail)"
                     result="tblcompany = getTblcompanyByIDResult.lastResult as Tblcompany"/>
    <valueObjects:Tblcompany id="tblcompany"/>
    <s:CallResponder id="updateTblcompanyResult"/>
    <s:CallResponder id="getAllTblcompanyResult"/>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:Label x="81" y="41" text="COMPANY NAME"/>
<s:Label x="81" y="71" text="ADDRESS"/>
<s:Label x="83" y="131" text="CITY"/>
<s:Label x="83" y="161" text="STATE"/>
<s:Label x="83" y="191" text="ZIP"/>
<s:Label x="83" y="221" text="COUNTRY"/>
<s:Label x="582" y="41" text="TELEPHONE"/>
<s:Label x="582" y="71" text="FAX"/>
<s:Label x="582" y="102" text="WATTS"/>
<s:Label x="83" y="276" text="OWNER"/>
<s:Label x="83" y="324" text="LOGO PATH"/>
<s:TextInput id="fNameTextInput" x="185" y="32" width="323" text="{tblcompany.fName}"/>
<s:TextInput id="faddressTextInput" x="185" y="62" width="256" text="{tblcompany.faddress}"/>
<s:TextInput id="faddress2TextInput" x="185" y="92" width="256" text="{tblcompany.faddress2}"/>
<s:TextInput id="fcityTextInput" x="185" y="122" width="256" text="{tblcompany.fcity}" textAlign="left"/>
<s:TextInput id="fstateTextInput" x="185" y="152" width="256" text="{tblcompany.fstate}"/>
<s:TextInput id="fzipTextInput" x="185" y="182" width="81" text="{tblcompany.fzip}"/>
<s:TextInput id="fcountryTextInput" x="185" y="212" width="256" text="{tblcompany.fcountry}"/>
<s:TextInput id="ftelTextInput" x="701" y="32" text="{tblcompany.ftel}"/>
<s:TextInput id="ffaxTextInput" x="701" y="62" text="{tblcompany.ffax}"/>
<s:TextInput id="fwattsTextInput" x="701" y="92" text="{tblcompany.fwatts}"/>
<s:TextInput id="fownerTextInput" x="185" y="266" width="418" text="{tblcompany.fowner}"/>
<s:TextInput id="flogopathTextInput" x="185" y="314" width="644" text="{tblcompany.flogopath}"/>
<s:TextInput id="fidTextInput" x="224" y="379" text="{tblcompany.fid}" visible="false"/>
<s:Button id="button" x="79" y="379" label="Save" click="button_clickHandler(event)"/>
<s:DataGrid id="dataGrid" x="158" y="242"
            creationComplete="dataGrid_creationCompleteHandler(event)" requestedRowCount="4">
    <s:columns>
        <s:ArrayList>
            <s:GridColumn dataField="fid" headerText="fid"></s:GridColumn>
            <s:GridColumn dataField="fName" headerText="fName"></s:GridColumn>
            <s:GridColumn dataField="fowner" headerText="fowner"></s:GridColumn>
            <s:GridColumn dataField="faddress" headerText="faddress"></s:GridColumn>
            <s:GridColumn dataField="faddress2" headerText="faddress2"></s:GridColumn>
            <s:GridColumn dataField="fcity" headerText="fcity"></s:GridColumn>
            <s:GridColumn dataField="fzip" headerText="fzip"></s:GridColumn>
            <s:GridColumn dataField="fstate" headerText="fstate"></s:GridColumn>
            <s:GridColumn dataField="fcountry" headerText="fcountry"></s:GridColumn>
            <s:GridColumn dataField="ftel" headerText="ftel"></s:GridColumn>
            <s:GridColumn dataField="ffax" headerText="ffax"></s:GridColumn>
            <s:GridColumn dataField="fwatts" headerText="fwatts"></s:GridColumn>
            <s:GridColumn dataField="flogopath" headerText="flogopath"></s:GridColumn>
            <s:GridColumn dataField="femail" headerText="femail"></s:GridColumn>
        </s:ArrayList>
    </s:columns>
    <s:typicalItem>
        <fx:Object faddress="faddress1" faddress2="faddress21" fcity="fcity1"
                   fcountry="fcountry1" femail="femail1" ffax="ffax1" fid="fid1"
                   flogopath="flogopath1" fName="fName1" fowner="fowner1" fstate="fstate1"
                   ftel="ftel1" fwatts="fwatts1" fzip="fzip1"></fx:Object>
    </s:typicalItem>
    <s:AsyncListView list="{getAllTblcompanyResult.lastResult}"/>
</s:DataGrid>
</s:Module>




_company.as


// ActionScript file
//import flash.desktop.NativeApplication;
import flash.events.MouseEvent;
import flash.events.Event;
import mx.controls.Alert;
//import mx.core.Application;
//import mx.core.mx_internal;
import services.tblcompanyservice.*;
import valueObjects.*;

protected function LoadData():void {
getTblcompanyByIDResult.token = tblcompanyService.getTblcompanyByID(parseInt("1"));
}

protected function button_clickHandler(event:MouseEvent):void {
tblcompany.fid = parseInt(fidTextInput.text);

tblcompany.fName = fNameTextInput.text;
tblcompany.fowner = fownerTextInput.text;
tblcompany.faddress = faddressTextInput.text;
tblcompany.faddress2 = faddress2TextInput.text;
tblcompany.fcity = fcityTextInput.text;
tblcompany.fzip = fzipTextInput.text;
tblcompany.fstate = fstateTextInput.text;
tblcompany.fcountry = fcountryTextInput.text;
tblcompany.ftel = ftelTextInput.text;
tblcompany.ffax = ffaxTextInput.text;
tblcompany.fwatts = fwattsTextInput.text;
tblcompany.flogopath = flogopathTextInput.text;
tblcompany.femail = "";
updateTblcompanyResult.token = tblcompanyService.updateTblcompany(tblcompany);
//Alert.show("Modifications saved");
//this.dispatchEvent(new Event("foobar", true));
}

Answer 1

卸载Flex模块已historically been problematic。 Flex 4和我认为4.5开始削弱潜在的问题，以使我们的生活更轻松。

当主应用程序中的某些内容维护对模块中对象的引用时，它将阻止您的模块卸载。有很多方法可以实现。 Flex可能仍会因其工作方式而导致其中一些问题。但是主要的头痛已经减轻了（我确保你使用的是Flex 4.5）。

现在考虑这个问题绝对是明智之举。不是关于是否使用模块的选择，而是确保它们正在卸载。

我链接的文章是来自Flex SDK开发人员的旧帖子，而其中一些问题可能不再存在，这些概念应该具有启发性。

修改

在进一步审查中，只有一个跳出来的东西似乎值得一看：

模块中的脚本标记可能与样式引入的问题相同（也可能是红色鲱鱼）。我们的想法是，使用此脚本的第一个类可能与Flex内部的脚本永久关联。如果该类是一个模块，它将永远不会卸载。作为测试，您也可以尝试在WindowedApplication类中声明脚本标记（即使它没有被使用）。

我想到的另一件事是视图中的可绑定变量。但是在进一步审查时，我看不出这些是如何导致内存泄漏的。

Answer 2

我认为问题只是你每次都在创建一个新的TitleWindow，而TitleWindow会向通过模块加载器和never removes it加载的模块添加一个事件监听器。从理论上讲，PopupManager.removePopup也应该每次都取消引用你的TitleWindow，但是，老实说，将这个功能写成全局/静态类的人可能不会被信任在其他地方遵守良好做法，所以你应该使用F3查看PopupManager上的代码并确保它删除它添加的任何事件侦听器并将对引用的标题窗口归零。因为它是一个静态的类，所以一旦它与它进行对话，如果它没有正确地解除引用，它们将会在应用程序的生命周期中保留。

接下来，即使您已经加载了一个模块实例，也可以手动创建模块实例。你做了一些事情（没有删除你的事件监听器）试图放开加载器，但你永远不会释放手动创建的实例。为了简化一些事情，请尝试添加加载的模块，而不是创建额外的模块。

另一个建议是不使用View元素代替数据存储。因此，当您从VO填充字段时，不是绑定到VO。如果有任何变化，请根据VO的值更新VO。这会产生更多代码，但首先，您始终知道您的数据是最新的。另一方面，如果需要，数据可以独立于视图传播。但这有一点可以帮助您消除绑定将VO保留在内存中的可能性。

你还会做一些事情，在你的代码周围产生一种微弱的稗味，这些也可能是问题的根源。例如，您的标题窗口子类似乎有一个对设置的引用，即使您没有给它一个。这表明设置实际上是一个静态类，并且您忽略了Classes应该以大写字母开头的命名约定。更重要的是，如果你在这样的后台通道中进行通信，就没有办法查看你的代码，并确定你没有进行任何操作的地方，你已经给出了设置引用它所持有的东西到。

你也有一个看似未声明的变量modulefactory，但我认为这可能是一个命名不好的Class，与你的TitleWindow位于同一个包中（因此没有import语句）。快速的建议：如果你想在论坛上获得帮助，遵循命名惯例会让想要帮助你解开你所做的事情的人更容易。在这种情况下，您可能会有“非法”功能回避最佳实践OOP通信，并且由于您的命名方式，它们不易识别。

但最终，我认为如果你只去模块的一个副本并删除事件监听器，你应该可以放弃你的模块，这可以让你发布VO。

Flex 4 AIR APP卸载模块的正确方法

2 个答案: