FLEX{er} » Testing http://www.flexer.info flex developers web corner Tue, 04 Oct 2011 16:23:21 +0000 http://wordpress.org/?v=abc en hourly 1 http://www.flexer.info http://www.flexer.info/favicon.ico FLEX{er} Resources Used @ Bootcamps Are Available http://www.flexer.info/2009/05/25/resources-used-bootcamps-are-available/ http://www.flexer.info/2009/05/25/resources-used-bootcamps-are-available/#comments Mon, 25 May 2009 11:59:39 +0000 Andrei Ionescu http://www.flexer.info/?p=778
Google Buzz

First of all the bootcamps were a success if we think about that all tickets were sold out before the Adobe Developer Day started. The resources used at three of bootcamps held at Adobe Developer Day are now available by the evangelists Cornel Creanga and Mihai Corlan on their blogs.

Using the following links you can directly download the resources you need:

Happy coding!

]]> http://www.flexer.info/2009/05/25/resources-used-bootcamps-are-available/feed/ 0 Image Events Dispatch Order http://www.flexer.info/2008/09/12/image-events-dispatch-order/ http://www.flexer.info/2008/09/12/image-events-dispatch-order/#comments Fri, 12 Sep 2008 10:20:31 +0000 Andrei Ionescu http://www.flexer.info/?p=254
Google Buzz

Yesterday I’ve been working with images: loading, resizing, removing, etc. I got into a challenging issue: I had to vertically position a label after an image resize – but a resize that is triggered by setting maxWidth and maxHeight keeping also the aspect ratio.

I tried to get the new width and height after the resize event was triggered but no luck. I’ve been debugging a while and seen that the new width and the new height are in $height and $width internal variables. I had no luck getting the new width and the new height in this method triggered by the resize event.

So I started to investigate to see which event triggers the last that way making it sure all properties are updated. I created a simple application that will load an arbitrary image in mean time displaying the events triggered. There is also a button that moves the image horizontally by 50 pixels also showing the triggered events.

I found that after resize event update complete event triggers which contains the needed width and height in contentWidth and contentHeight properties.

I hope this will help you in different scenarios you’ll encounter in development.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute"
    applicationComplete="start()" width="600" height="615">
    <mx:TextInput id="imageUrl" x="10" y="10" width="383" 
        text="http://www.flexer.info/wp-content/gallery/wallpapers/fxr_1600x1200.png"/>
    <mx:Button x="401" y="10"  label="Start" 
        click="handleButtonClick(event)"/>
    <mx:Button x="464" y="10"  label="Move it" 
        click="handleMoveButtonClick(event)"/>
    <mx:Image id="testImage" maxWidth="250" maxHeight="250" 
        x="10" y="40"
        addedToStage="handleAddedToStage(event)"
        complete="handleComplete(event)"
        creationComplete="handleCreationComplete(event)"
        currentStateChange="handleCurrentStateChange(event)"
        init="handleInit(event)"
        initialize="handleInitialize(event)"
        open="handleOpen(event)"
        preinitialize="handlePreinitialize(event)"
        progress="handleProgress(event)"
        removed="handleRemoved(event)"
        render="handleRender(event)"
        resize="handleResize(event)"
        show="handleShow(event)"
        unload="handleUnload(event)"
        updateComplete="handleUpdateComplete(event)"
        valid="handleValid(event)"
        valueCommit="handleValueCommit(event)"
        />
    <mx:TextArea x="10" y="300" width="580" height="305" 
        text="{_debug}"/>
    <mx:Script>
        <![CDATA[
            import mx.events.ResizeEvent;
            import mx.events.StateChangeEvent;
            import mx.events.FlexEvent;
 
            [Bindable]
            private var _debug:String;
 
            private function start():void
            {
                _debug = "---> application started!!!\n";
            }
 
            private function handleButtonClick(e:MouseEvent):void
            {
                testImage.source = imageUrl.text;
                _debug += "---> handleButtonClick\n";
            }
            private function handleMoveButtonClick(e:MouseEvent):void
            {
                testImage.x += 50;
                _debug += "---> handleMoveButtonClick\n";
            }
 
            private function handleAddedToStage(e:Event):void
            {
                _debug += "handleAddedToStage\n";
            }
            private function handleComplete(e:Event):void 
            {
                _debug += "adddedToStage\n";
            }
            private function handleCreationComplete(e:FlexEvent):void
            {
                _debug += "handleCreationComplete\n";
            }
            private function handleCurrentStateChange(
                e:StateChangeEvent):void
            {
                _debug += "handleCurrentStateChange\n";
            }
            private function handleInit(e:Event):void
            {
                _debug += "handleInit\n";
            }
            private function handleInitialize(e:FlexEvent):void
            {
                _debug += "handleInitialize\n";
            }
            private function handleOpen(e:Event):void
            {
                _debug += "handleOpen\n";
            }
            private function handlePreinitialize(e:FlexEvent):void
            {
                _debug += "handlePreinitialize\n";
            }
            private function handleProgress(e:ProgressEvent):void
            {
                _debug += "handleProgress\n";
            }
            private function handleRemoved(e:Event):void
            {
                _debug += "handleRemoved\n";
            }
            private function handleRender(e:Event):void
            {
                _debug += "handleRender\n";
            }
            private function handleResize(e:ResizeEvent):void
            {
                _debug += "handleResize\n";
            }
            private function handleShow(e:FlexEvent):void
            {
                _debug += "handleShow\n";
            }
            private function handleUnload(e:Event):void
            {
                _debug += "handleUnload\n";
            }
            private function handleUpdateComplete(e:Event):void
            {
                _debug += "handleUpdateComplete\n";
                _debug += "     contentHeight: " + 
                    e.currentTarget.contentHeight + "\n";
                _debug += "     x: " + e.currentTarget.x + "\n";
            }
            private function handleValid(e:FlexEvent):void
            {
                _debug += "handleValid\n";
            }
            private function handleValueCommit(e:FlexEvent):void
            {
                _debug += "handleValueCommit\n";
            }
        ]]>
    </mx:Script>
</mx:Application>

I hope you won’t be offended by the fact that I created one event method for each event type instead of having just one method and “switching” for the type inside it. ;)

]]> http://www.flexer.info/2008/09/12/image-events-dispatch-order/feed/ 4 AS3 Memory Monitoring/Usage http://www.flexer.info/2008/05/06/as3-memory-monitoring-usage/ http://www.flexer.info/2008/05/06/as3-memory-monitoring-usage/#comments Tue, 06 May 2008 12:06:26 +0000 Andrei Ionescu http://www.flexer.info/?p=63
Google Buzz

You can monitor your memory usage/leaking with System.totalMemory property. This way you can see how memory is used, where leaks are and you can optimize those parts that are eating too much memory.

In simple words use System.totalMemory as bellow (in KB):

var memoryUsedInKb:Number= Number(System.totalMemory/1024).toFixed(2);

I used it to show the used memory in different units: bytes, Kilobytes, Megabytes, Terrabytes (I hope you’ll never reach TB in your developed applications – that will be a huge memory leak).

private function calculateUsedBytes(unit:String):String
{
    var p:uint = pows[unit.toLowerCase()];
    var t:Number = Number(System.totalMemory/Math.pow(2,p))
    var d:uint = digits[unit.toLowerCase()];
    return t.toFixed(d).toString();
}

The whole code is at the end and now the application…

The code:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
    width="237" creationComplete="init()" height="255">
    <mx:TextInput x="67" y="131" id="stringToRepeat" text="abcdefghijklmnopqrstuvw" 
        toolTip="The string that will be added"/>
    <mx:Label x="9" y="133" text="String:"/>
    <mx:Label x="9" y="159" text="Repeat:"/>
    <mx:NumericStepper x="67" y="157" id="timesToRepeat" stepSize="10" minimum="0" 
        maximum="1000000" width="99" toolTip="How many times the string will be added" 
        value="10000"/>
    <mx:Button x="174" y="157" label="+" width="22" click="handleAlocate(event)" 
        toolTip="Alocate"/>
    <mx:Label x="9" y="203" text="Memory:"/>
    <mx:HRule x="9" y="187" width="217" height="8"/>
    <mx:HRule x="10" y="115" width="217" height="8"/>
    <mx:Label x="67" y="203" width="159" id="kbUsed" text="{memoryUsed}"/>
    <mx:ComboBox x="171" y="201" width="55" id="unitCombo" dataProvider="{units}"
        change="handleUnitChange(event)" toolTip="Units"/>
    <mx:Label x="9" y="229" text="Length:"/>
    <mx:Label text="{arrayLength}" x="67" y="229" width="87" 
        toolTip="The length of the array containing the strings"/>
    <mx:Button x="204" y="157" label="x" width="22" click="handleClear(event)" toolTip="Clear"/>
    <mx:Text x="10" y="10" text='This is an example to show memory usage. Use the string and 
        the repeat stepper to alocate more memory. Pressing "+" button will add the 
        string n times as selected into repeat to an array. The "x" button is for 
        clearing out the array.' width="217" height="102"/>
    <mx:Script>
        <![CDATA[
            [Bindable]
            private var units:Array = [{label:"B",data:"b"},{label:"KB",data:"K"},
                {label:"MB",data:"m"},{label:"TB",data:"t"}];
 
            private var pows:Object = {b:0,k:10,m:20,t:30};
            private var digits:Object = {b:0,k:0,m:2,t:4};
 
            [Bindable]
            private var memoryUsed:String;
 
            [Bindable]
            private var arrayLength:uint;
 
            private var useDump:Array = new Array();
 
            private function init():void
            {
                memoryUsed = calculateUsedBytes("k"); 
                unitCombo.selectedIndex = 1;
                arrayLength = useDump.length;
            }
 
            private function calculateUsedBytes(unit:String):String
            {
                var p:uint = pows[unit.toLowerCase()];
                var t:Number = Number(System.totalMemory/Math.pow(2,p))
                var d:uint = digits[unit.toLowerCase()];
                return t.toFixed(d).toString();
            }
 
            private function handleUnitChange(event:Event):void
            {
                memoryUsed = calculateUsedBytes(unitCombo.selectedItem.data);
            }
 
            private function handleAlocate(event:MouseEvent):void
            {
                var r:uint = timesToRepeat.value;
                var s:String = stringToRepeat.text;
                for (var i:uint = 0; i < r; i++)
                    useDump.push(s);
 
                memoryUsed = calculateUsedBytes(unitCombo.selectedItem.data);
                arrayLength = useDump.length;
            }
 
            private function handleClear(event:MouseEvent):void
            {
                useDump = new Array();
 
                memoryUsed = calculateUsedBytes(unitCombo.selectedItem.data);
                arrayLength = useDump.length;
            }
 
        ]]>
    </mx:Script>
</mx:Application>
]]> http://www.flexer.info/2008/05/06/as3-memory-monitoring-usage/feed/ 3 Comparison: Remove Duplicate Chars from a String Via Array and RegExp http://www.flexer.info/2008/04/23/comparison-remove-duplicate-chars-from-a-string-via-array-and-regexp/ http://www.flexer.info/2008/04/23/comparison-remove-duplicate-chars-from-a-string-via-array-and-regexp/#comments Wed, 23 Apr 2008 11:59:20 +0000 Andrei Ionescu http://www.flexer.info/?p=148

Table of contents

  1. Remove Duplicate Chars from a String
  2. Comparison: Remove Duplicate Chars from a String Via Array and RegExp
Google Buzz

In the previous article, Remove Duplicate Chars from a String, I posted a way to remove duplicates characters from a string and make it of unique chars. So to make myself clear I’ll give the following example:

Source string: “aabbccaaddee”
Should be: “abcde”
(note the underlined characters).

In my previous article TLP has commented and created a better method. You can see his comment here.

His function is very straight forward, is based on the same concept, but is at least twice as faster. The steps are:

  1. split the string to an array
  2. sort the array
  3. join back to string
  4. replace duplicates by only one character

The code is:

private function removeDuplicatesViaRegExp(string:String):String 
{
    return string.split('').sort().join('').replace(/(.)\1+/gi,'$1');
}

So I took both methods and built a new Flex application to test and compare them (see bellow).

I’m sure you’ll want the sources so at the end the source file can be downloaded.

For this new way, using regular expressions, to achieve the transformation to a string with unique characters, the credit goes to TLP. Thanks man. Great job.

Previous in series
]]> http://www.flexer.info/2008/04/23/comparison-remove-duplicate-chars-from-a-string-via-array-and-regexp/feed/ 1 Remove Duplicate Chars from a String http://www.flexer.info/2008/03/11/remove-duplicate-chars-from-a-string/ http://www.flexer.info/2008/03/11/remove-duplicate-chars-from-a-string/#comments Tue, 11 Mar 2008 15:37:56 +0000 Andrei Ionescu http://www.flexer.info/2008/03/11/remove-duplicate-chars-from-a-string/

Table of contents

  1. Remove Duplicate Chars from a String
  2. Comparison: Remove Duplicate Chars from a String Via Array and RegExp
Google Buzz

This post is about how to remove duplicate characters from a string. And what I mean is that I want to make every char unique.

Ex: “aabbbcccaadddee” will become “abcde“.

In “short words” the following steps are taken:

  1. Split the string to an array (source array)
  2. Create a second empty array which will retain the unique values
  3. Sort the source array with case insensitive
  4. Store current value for comparison
  5. Walk through the whole source array and for each character check if is the same with current value variable – if it is that character is not already added we add it to the second array (this because the source array is sorted and there cannot be an array like this after sorting: 
    array("a","b","a")

    but only sorted… like this:

    array("a","a","b")
  6. Join back the second array to a string

These are the steps and here is a function in Actionscript 3:

private function removeDuplicates(string:String):String 
{ 
    var arr:Array = string.split('');
    var currentValue:String = ""; 
    var tempArray:Array = new Array(); 
    arr.sort(Array.CASEINSENSITIVE); 
    arr.forEach( 
        function(item:*,index:uint,array:Array):void 
        { 
            if (currentValue != item) 
            { 
                tempArray.push(item); 
                currentValue = item; 
            } 
        } 
    ); 
    return tempArray.sort(Array.CASEINSENSITIVE).join(''); 
}

I tried to have the same result using regular expressions but no success. And I stress that I meant about removing duplicates and making a unique chars string. Removing only duplicates is easy and I can put a regular expression here for that but that is not the purpose of this article.

If anyone resolved this using RegExp please share :) .

Next in series
]]> http://www.flexer.info/2008/03/11/remove-duplicate-chars-from-a-string/feed/ 16