I am following your presentation and want to show two images:

So, let's say I have the following entry in Loitering Objects:

Double clicking on it will show this:

Where do I go from here?

Also I took this snapshot without touching the app. and compared it to second snapshot:

still it shows some objects. Why would that happen at all?

I am adding more things into this thread as I am getitng deeper into memory profiling.

What would you say if you see something like this:

Clicking on it will show the following in the Allocation Trace:

Dblclicking on ItemRenderer (line 102) will take to this code:

public function ItemRenderer()

    {

        super();

        // Initially state is dirty

        rendererStateIsDirty = true;

        interactionStateDetector = new InteractionStateDetector(this);

       interactionStateDetector.addEventListener(Event.CHANGE, interactionStateDetector_changeHandler);

    }

What exactly does it mean? A leak in SDK? Is a fix possible, in case it is a leak?

Sorry for throwing many things together at once. Dont have much time  ....

Thanks

Can you please explain more how a process of finding memory leaks show be going? I am getting a list of loitering objects. Then I go into Object references on a particular class from that list. Then I see a bunch of functions after expanding it. Do I have to fix all these functions? Any tips of locating offensive code? Why I am asking it because so may times a line number from Allocation Trace does not really points to anything that makes sense in terms of a memory leak. And speaking about Allocation Trace which line should start from? Very last one of my code? Or last one? Usually these lines are SDK's.

Thanks

Not sure if I can decide which scenario is to go by but I am using the following to see what is causing a memory leak. If I run the same screen two times and I see a loitering object with cumulative number going up I am  assuning this object is memory leak. Am I correct?

I am confused as hell.

If I take a memory snapshot before I run a screen and take another one after I close it and check for objects that have cumulitive number of instances encreased is it right to assume that such an object is a cause of a memory leak?

Here is one:

Where exactly in the Allocation Trace would I look?

I am using 4.5.1

Thank you.

StatusCountRenderer

<?xml version="1.0" encoding="utf-8"?>

<renderer:StatusCountRendererBase

                                        xmlns:fx="http://ns.adobe.com/mxml/2009"

                                        xmlns:s="library://ns.adobe.com/flex/spark"

                                        xmlns:renderer="renderer.*"

                                        xmlns:commons="library://commons.stoneriver.com"

                                        autoDrawBackground="true"

                                        dataChange="onDataChange(event)"

                                        name="CounterRenderer"

                                        >

          <s:VGroup id="holder" left="3" right="3" top="3" bottom="3" horizontalAlign="center">

                    <commons:DropDownListBorderless id="btn"

                                                                                                     height="100%" labelPos="center"

                                                                                                     creationComplete="createButtonMenu()"

                                                                                                     click="btn_mouseDownHandler(event)"

                                                                                                        styleName="PolicyStatusCount"

                                                                                                     keepPrompt="true" />

                    <s:Label id="lbl"

                                         height="100%"

                                         verticalAlign="middle"

                                         styleName="PolicyStatusPopup" />

          </s:VGroup>

</renderer:StatusCountRendererBase>

and StatusCountRendererBase

public class StatusCountRendererBase extends ItemRenderer{

                    [Bindable] public var btn:CustomDropDownBorderless;

                    [Bindable] public var lbl:Label;

                    private var _myIndex:int;

                    public function StatusCountRendererBase(){

                              super();

                    }

                    protected function onDataChange(event:FlexEvent):void {

                              if (data){

                                        ResourceManager.getInstance().bindValue(btn, 'prompt', data['statusCount'].nameKey)

                                        lbl.text = AgingRangeUtil.getAgingRangeAndCountLabel(

                                                  AgingRangeUtil.getAgingRangeByType(data['statusCount'].agingRanges, data['statusCount'].selectedRange));

                              }

                    }

                    protected function createButtonMenu():void{

                              btn.dataProvider = data['agingRanges'];

                              btn.addEventListener(IndexChangeEvent.CHANGE, onMenuChange);

                    }

                    protected function btn_mouseDownHandler(event:MouseEvent):void{

                              if(event.target as CustomDropDownButton){

                                        event.stopImmediatePropagation();

                              }

                    }

                    private function onMenuChange(event:IndexChangeEvent):void {

                              //trace("fix menu change event");

                              var ni:int = event.newIndex;

                              if(ni != -1){

                                        var ardto:* = data['agingRanges'][ni];

                                        lbl.text = ardto.label;

                                        var statCntType:int = data['statusCount'].kind;

                                        var rangeType:int = ardto.data.rangeType;

                                        this.owner.dispatchEvent(StatusCountControlEvent.newStatusCountRangeC hangedEvent(statCntType,rangeType));

                              }

                    }

          }

Where is this " using –keep-generated-actionscript" option?

Yes, I recompiled all my projects with this option.

Here are some snapshots from Profiler running after it.

I am showing a different class because this one has much worse memory leak.

After clicking on Instance:

Function 1

Function 2

Function 3

Function 4

Function 5

I am using SDK 4.5.1, FB 4.7, and FP 11.6.

< I’m assuming the UIComponent lines are the self-referencing event listeners in the constructor.

Can you elaborate on that, please?

<The last function (Capture12: GroupBase: set layout) causes the layout to have a reference to the skin.  So next you need to see if anything is hanging onto the layout.

Not sure I understand. Where would I look and what I suppose to look for?

Thanks for help.

Tried 11.2. Same.

But, call me crazy, but I just dont see how someone who is not a Flex engineer can get from this info to actual code that supposely creates a memory leak in a first place:

part 1:

Part 2

Part 3:

Here is code for one of these renderers that are using the skin:

package .....view.component.navigationmenu.renderer

{

          import spark.components.Button;

          import .....view.component.navigationmenu.renderer.skin.DefaultToggleButtonR endererSkin;

          public class DefaultTopLevelButtonRenderer extends ButtonRendererBase

          {

                    public function DefaultTopLevelButtonRenderer()

                    {

                              super();

                              setStyle('skinClass', skinClass);

                    }

                    override protected function get skinClass():Class{

                              return DefaultToggleButtonRendererSkin;

                    }

          }

}

ButtonRendererBase

package .....view.component.navigationmenu.renderer

{

          import flash.events.MouseEvent;

          import flash.events.TimerEvent;

          import flash.utils.Timer;

          import flashx.textLayout.formats.TextAlign;

          import mx.controls.Image;

          import mx.events.ResizeEvent;

          import mx.managers.ToolTipManager;

          import spark.components.Button;

          import spark.components.Group;

          import spark.components.Label;

          import spark.components.ToggleButton;

          import spark.effects.Resize;

          import spark.primitives.BitmapImage;

          import ....view.component.navigationmenu.NavigationMenu;

          [Style(name="bgColor1",                     type="uint")]

          [Style(name="bgColor2",                     type="uint")]

          [Style(name="textAlignment",           type="String")]

          [Style(name="colorRollOver",           type="uint")]

          [Style(name="showArrow",                     type="Boolean", enumeration="true, false")]

          [Style(name="collapsible",                    type="Boolean", enumeration="true, false")]

          [Style(name="rotateChevron",          type="Boolean", enumeration="true, false")]

          public class ButtonRendererBase extends ToggleButton

          {

                    [SkinPart(required="false")]

                    public var iconDisplayed:BitmapImage;

                    private var _iconLocation:String;

                    private static const DEFAULT_ICON_LOCATION:String = "asset/flex_logo.jpg";

                    private var _menu:NavigationMenu;

                    protected var bgColor:uint;

                    public function ButtonRendererBase()

                    {

                              super();

                                this.setStyle('textAlign', TextAlign.LEFT);

                              }

                    protected function get skinClass():Class{

                              //abstract

                              throw new Error('Must override skinClass getter in derived component');

                    }

                    public function set iconLocation(val:String):void

                    {

                              _iconLocation=val;

                              if (iconDisplayed)

                              {

                                        iconDisplayed.source=val;

                              }

                              invalidateDisplayList();

                    }

                    public function get iconLocation():String

                    {

                              return _iconLocation ? _iconLocation : "";

                    }

                    public function set menu(val:NavigationMenu):void{

                              _menu = val;

                              invalidateDisplayList();

                    }

                    override protected function childrenCreated():void

                    {

                              super.childrenCreated();

                              if (iconDisplayed && _iconLocation)

                              {

                                        iconDisplayed.source=_iconLocation;

                              }

                              addEventListener(MouseEvent.MOUSE_OVER, onMouseOver);

                    }

                    public function getWidth():int

                    {

                              return iconDisplayed.x + iconDisplayed.width + Label(labelDisplay).width + Label(labelDisplay).right + (Group(this.skin).getStyle('horizontalGap') * 4);

                    }

                    private function onMouseOver(e:MouseEvent):void{

                              var combinedWidth:Number=Label(labelDisplay).width + iconDisplayed.width;

                              if (combinedWidth > this.owner.width)

                              {

                                        this.toolTip = this.label;

                              }else{

                                        this.toolTip = null;

                              }

                    }

                    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void

                    {

                              super.updateDisplayList(unscaledWidth, unscaledHeight);

                              Label(labelDisplay).visible=true;

                              var combinedWidth:Number=Label(labelDisplay).width + iconDisplayed.width;

                              //added null check to get around the remove policy tab cause error issue

                              //TO DO:  need to figure out why that is the case.

                              if (this.owner){

                                        if (combinedWidth > this.owner.width)

                                        {

                                                  this.width=iconDisplayed.width + 10;

                                                  Label(labelDisplay).visible=false;

                                        }

                                        else

                                        {

                                                  this.percentWidth=100;

                                                  Label(labelDisplay).visible=true;

                                        }

                              }

                    }

          }

}