Flex/Flash Developer - by Ankur Arora

Radar/Spider Chart in Flex

2012-01-17T13:34:00.001+05:30

There was a requirement in of the projects to have a Radar Chart that is customizable through XML. You can have a look at below working sample.

Finally, as this was required so I have to spent some time and create my own. You can look at the working sample below and if this is something you are looking for I can give away the SWC file to you for a nominal cost.

3D Pie Chart in Flex

2012-01-17T12:39:00.004+05:30

There was a requirement in of the projects to have a 3D Pie Chart. I thought it would be easy to find a free one on the web but to my surprise unfortunately I could not find any of those.

Finally, as this was required so I have to spent some time and create my own. You can look at the working sample below and if this is something you are looking for I can give away the SWC file to you for a nominal cost.

Enjoy playing with it.

RGB to HEX color conversion

2011-10-17T10:37:00.001+05:30

The simplest way to convert a RGB color value to Hexadecimal color values.

private function toHexValue(r:int, g:int, b:int):uint 
{
 var hex:uint = r << 16 ^ g << 8 ^ b;
 return hex;
}

Gradient text in Flex

2011-06-03T08:30:00.002+05:30

Though a very small code but very helpful to create a gradient text in Flex using spark components:-

<s: Graphic maskType="alpha">
    <s: Rect width="{textMask.width}" height="{textMask.height}">
        <s: fill>
            <s: LinearGradient rotation="90">
                <s:entries>
                    <s:GradientEntry color="#000000" />
                    <s:GradientEntry color="#DDDDDD" />
                </s:entries>
            </s: LinearGradient>
        </s: fill>
    </s: Rect>
    <s: mask>
        <s: RichText id="textMask" fontFamily="Arial" fontSize="20">
            <s: content>Hello World!! I am gradient text</s:content>
        </s: RichText>
    </s: mask>
</s: Graphic>

AS 3.0 Copy or Clone a Object

2011-05-15T08:05:00.001+05:30

You have your own object instance and you want to copy or clone an exact copy of it?

Simple, you can use Flex built-in ObjectUtil copy function as follows:

import mx.utils.ObjectUtil;
var obj:Object = new Object();
obj.content = "hello";
var objCopy:Object = ObjectUtil.copy(obj);

In case you want it in Actionscript 3.0 instead of Flex in-built capability:-

private function clone(source:Object):* 
{
var copier:ByteArray = new ByteArray();
copier.writeObject(source);
copier.position = 0;
return(copier.readObject());
}

Using DateField as an editor with DataGrid in Flex when Date is a string

2011-04-14T13:36:00.000+05:30

Flex docs talks about using a Datefield as an Editor with DataGrid but what if date is in a string format. Most likely that is practical scenario in most of the cases because when you put some XML or server side data in DataGrid it generally comes as string. Let's have a look at below small code which will allow you to perform this.

Main Application

Now, let's create the MXML file which will be used as itemEditor in DataGridColumn. We will place this MXML file in the same folder as application file.

DateEditor.mxml

Double Click to edit Advanced Datagrid

2011-04-13T06:20:00.000+05:30

A small code to make an Advanced Datagrid editable on double click.

Variables

private var doubleClicked:Boolean = false;

Events

private function itemClickHandler(event:ListEvent):void {
    doubleClicked = false;
}
private function itemDoubleClickHandler(event:ListEvent):void {
    doubleClicked = true;
}

// Allow switching to edit mode only if a double click has been received
private function itemEditBeginHandler(event:AdvancedDataGridEvent):void {
    if (!doubleClicked) 
        event.preventDefault();
}

MXML Code

Changing font size for all styles in Flex at runtime

2011-04-07T10:48:00.003+05:30

Often you may want to change the font sizes of all elements in your Flex Application. For example you want to give control to your users to change the font settings and sizes or you may want to do it automatically on smaller screens.

I have used below code, where I have used StyleManager to loop through every style and change the font size. Let's have a look:-

// adjust the font size on all defined CSS styles by increasing or decreasing pixel size
       public function adjustFontSize(increment:Number):void
        {
            var selectors:Array = StyleManager.selectors;
 
            for each (var selector:String in selectors)
            {
            var css:CSSStyleDeclaration = CSSStyleDeclaration(StyleManager.getStyleDeclaration(selector));
 
            // assume here that all font sizes in the application
            // are explicitly set by pixel size in the CSS
            if (css.getStyle("fontSize") != null)
            {
                var fontSize:Number = Number(css.getStyle("fontSize"));
                css.setStyle("fontSize", fontSize+increment);
            }
            }
        }

hitTest in Actionscript 3

2010-11-08T18:52:00.001+05:30

Dear all,

I'm writing this post after a long time. Sorry but I'm running very busy these days and feels hard to post new stuff for you. Anyways, finally I'm coming up with a new class which will help you to detect collision between 2 objects in Actionscript 3.0.

I know people who keep asking for hitTest functionality in AS 3.0 where they can provide shape flag like we use to do in AS 2.0 but AS 3.0 does not supports that. To accomplish this I have created a class which will help you in detecting whether two objects colliding or not. This class is having a function name called getCollisionRect(); which takes instances of both objects along with their parent container. Have a look and let me know if you face any problem in implementing it.

package classes.utils
{
 import flash.display.BitmapData;
 import flash.display.BitmapDataChannel;
 import flash.display.BlendMode;
 import flash.display.DisplayObject;
 import flash.display.DisplayObjectContainer;
 import flash.geom.Matrix;
 import flash.geom.Point;
 import flash.geom.Rectangle;
 public class PixeCollisionDetection
 {
  /** Get the collision rectangle between two display objects. **/
  
  //Note: Just use the isColliding function with paramenter is static function.
  public static function getCollisionRect(target1:DisplayObject, target2:DisplayObject, commonParent:DisplayObjectContainer, pixelPrecise:Boolean = false, tolerance:Number = 0):Rectangle
  {
   // get bounding boxes in common parent's coordinate space
   var rect1:Rectangle = target1.getBounds(commonParent);
   var rect2:Rectangle = target2.getBounds(commonParent);
   // find the intersection of the two bounding boxes
   var intersectionRect:Rectangle = rect1.intersection(rect2);
   if (intersectionRect.size.length> 0)
   {
    if (pixelPrecise)
    {
     // size of rect needs to integer size for bitmap data
     intersectionRect.width = Math.ceil(intersectionRect.width);
     intersectionRect.height = Math.ceil(intersectionRect.height);
     // get the alpha maps for the display objects
     var alpha1:BitmapData = getAlphaMap(target1, intersectionRect, BitmapDataChannel.RED, commonParent);
     var alpha2:BitmapData = getAlphaMap(target2, intersectionRect, BitmapDataChannel.GREEN, commonParent);
     // combine the alpha maps
     alpha1.draw(alpha2, null, null, BlendMode.LIGHTEN);
     // calculate the search color
     var searchColor:uint;
     if (tolerance <= 0)
     {
      searchColor = 0x010100;
     }
     else
     {
      if (tolerance> 1) tolerance = 1;
      var byte:int = Math.round(tolerance * 255);
      searchColor = (byte <<16) | (byte <<8) | 0;
     }
     // find color
     var collisionRect:Rectangle = alpha1.getColorBoundsRect(searchColor, searchColor);
     collisionRect.x += intersectionRect.x;
     collisionRect.y += intersectionRect.y;
     return collisionRect;
    }
    else
    {
     return intersectionRect;
    }
   }
   else
   {
    // no intersection
    return null;
   }
  }
  /** Gets the alpha map of the display object and places it in the specified channel. **/
  private static function getAlphaMap(target:DisplayObject, rect:Rectangle, channel:uint, commonParent:DisplayObjectContainer):BitmapData
  {
   // calculate the transform for the display object relative to the common parent
   var parentXformInvert:Matrix = commonParent.transform.concatenatedMatrix.clone();
   parentXformInvert.invert();
   var targetXform:Matrix = target.transform.concatenatedMatrix.clone();
   targetXform.concat(parentXformInvert);
   // translate the target into the rect's space
   targetXform.translate(-rect.x, -rect.y);
   // draw the target and extract its alpha channel into a color channel
   var bitmapData:BitmapData = new BitmapData(rect.width, rect.height, true, 0);
   bitmapData.draw(target, targetXform);
   var alphaChannel:BitmapData = new BitmapData(rect.width, rect.height, false, 0);
   alphaChannel.copyChannel(bitmapData, bitmapData.rect, new Point(0, 0), BitmapDataChannel.ALPHA, channel);
   return alphaChannel;
  }
  /** Get the center of the collision's bounding box. **/
  public static function getCollisionPoint(target1:DisplayObject, target2:DisplayObject, commonParent:DisplayObjectContainer, pixelPrecise:Boolean = false, tolerance:Number = 0):Point
  {
   var collisionRect:Rectangle = getCollisionRect(target1, target2, commonParent, pixelPrecise, tolerance);
   if (collisionRect != null && collisionRect.size.length> 0)
   {
    var x:Number = (collisionRect.left + collisionRect.right) / 2;
    var y:Number = (collisionRect.top + collisionRect.bottom) / 2;
    return new Point(x, y);
   }
   return null;
  }
  /** Are the two display objects colliding (overlapping)? **/
  public static function isColliding(target1:DisplayObject, target2:DisplayObject, commonParent:DisplayObjectContainer, pixelPrecise:Boolean = false, tolerance:Number = 0):Boolean
  {
   var collisionRect:Rectangle = getCollisionRect(target1, target2, commonParent, pixelPrecise, tolerance);
   if (collisionRect != null && collisionRect.size.length> 0) return true;
   else return false;
  }
 }


}

You can also download the source actionscript class file from here.

Send me a comment if you face any difficulty while implementing it.

Thanks
Ankur

Cleared ACE

2010-10-19T19:43:00.000+05:30

Guys,

I just cleared ACE which stands for Adobe Certified Expert. I did it in Adobe Flex with AIR. I'm glad that all my hard work paid off.

I know its been long since I have posted any tutorials. I have so many in my list but believe me I was so busy. I will try to post something new soon.

In case you need any help, suggestions just mail me up. Though, I'm busy but I try to respond all of those. I'm thankful to all of you and ready to help.

Connecting Flex Calendar With Database Using AMF-PHP

2010-06-07T08:00:00.000+05:30

I have published the second version of "Create a Dynamic Event Calendar in Flex Builder 3 with Actionscript 3.0". This tutorial will allow you to learn about how you can connect amf-php and Flex and store the data in database.

I hope all of you will like it. Please visit the URL:- http://www.thetechlabs.com/tutorials/interfaces/connecting-flex-calendar-with-database-using-amf-php/

Resize-able Textarea in Flex

2010-03-26T21:10:00.001+05:30

Hi,
There is a big increase in the popularity of Flex in the recent time and all of us knows when more people indulge in something the demand would also get increased. Few days back while browsing through forums I found that people asking for autoresize-able text box in Flex so, I decided to create an example for our community.

To start with we need to create a new MXML component file where default component should be TextArea. I have created the similar file using below code.

Code:

<mx:TextArea xmlns:mx="http://www.adobe.com/2006/mxml">
     <mx:Script>
          <![CDATA[ 
               // auto resize setting
               private var _autoResizable:Boolean = true;
     
               // getter
               [Bindable(event="changeAutoResize")]
               public function get autoResize():Boolean
               {
                    return _autoResizable;
               }
 
               // setter
               public function set autoResize(b:Boolean):void
               {
                    _autoResizable = b;
                    // if the text field component is created
                    // and is auto resizable
                    // we call the resize method
                    if (this.mx_internal::getTextField() != null && 
                         _autoResizable == true)
                         resizeTextArea();
                    // dispatch event to make the autoResize 
                    // property bindable
                    dispatchEvent(new Event("changeAutoResize"));
               }
 
               // setter override
               override public function set text(value:String):void
               {
                    // calling super method 
                    super.text = value;
                    // if is auto resizable we call 
                    // the resize method
                    if (_autoResizable)
                         resizeTextArea();
               }
               
               // setter override
               override public function set htmlText(value:String):void
               {
                    // calling super method 
                    super.htmlText = value;
                    // if is auto resizable we call 
                    // the resize method
                    if (_autoResizable)
                         resizeTextArea();
               }

 
               // resize function for the text area
               public function resizeTextArea():void
               {
                    // initial height value
                    // if set to 0 scroll bars will 
                    // appear to the resized text area 
                    var totalHeight:uint = 10;
                    // validating the object
                    this.validateNow();
                    // find the total number of text lines 
                    // in the text area
                    var noOfLines:int = this.mx_internal::getTextField().numLines;
                    // iterating through all lines of 
                    // text in the text area
                    
                    this.mx_internal::getTextField().mouseWheelEnabled = false;
                    
                    for (var i:int = 0; i < noOfLines; i++) 
                    {
                         // getting the height of one text line
                         var textLineHeight:int = 
                             this.mx_internal::getTextField().getLineMetrics(i).height;
                         // adding the height to the total height
                         totalHeight += textLineHeight;
                    }
                    // setting the new calculated height
     totalHeight += textLineHeight;                    
                    this.height = totalHeight;
                    
               }
          ]]>
     </mx:Script>
</mx:TextArea>

To use above component in your project you need to call this component similar to below code.

Usage:

<mx:Application 
 xmlns:mx="http://www.adobe.com/2006/mxml" 
 layout="absolute" 
 xmlns:com="ankur.classes.com.*" creationComplete="onCreationComplete()">
 <mx:Script>
  <![CDATA[
   private function onCreationComplete():void
   {
    txtResizeText.text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus, urna ac vestibulum dapibus, massa sem tincidunt tellus, nec consectetur dui sapien eget massa. Aliquam erat volutpat. Nulla pretium rhoncus neque, vel ultricies purus feugiat vitae. Morbi non tristique nisi. Vivamus id est lacus, vel tincidunt leo. Praesent eu aliquet ipsum. Aliquam non hendrerit odio. Nullam ut pulvinar ante. Integer porttitor neque eu quam condimentum cursus. Praesent ultricies imperdiet nisi non consectetur. Duis sit amet nibh mollis urna iaculis tempor ac eget mi. Duis sodales dui vel metus sollicitudin nec tristique enim mattis. Suspendisse potenti.Curabitur vitae gravida nisi. Phasellus accumsan orci sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla facilisi. Donec euismod consequat velit, ut aliquet justo suscipit a. Cras eu mauris tellus, egestas suscipit velit. Integer volutpat suscipit sagittis. Etiam vitae justo eget leo posuere semper a non nunc. Donec non accumsan erat. Aliquam dictum luctus urna. Pellentesque tellus nibh, porttitor non adipiscing at, sagittis vel turpis. Vivamus consequat mi eu diam suscipit rutrum. Cras iaculis pellentesque urna, eu rutrum odio vulputate ut. Sed nibh elit, rutrum sit amet imperdiet sed, euismod in lorem."
   }
   
   private function onChange():void
   {
    txtResizeText.resizeTextArea();
   }
  ]]>
 </mx:Script>
 
 <com:ResizeableTextarea width="400" id="txtResizeText" change="onChange()"> </com:ResizeableTextarea>
</mx:Application>

You can download working version of above code from here.

I hope this post will help you create Resizeable Textarea for your project. As always comments are always welcome. So please keep posted them.

Thanks
Ankur Arora

Compiler Arguments in Flex

2010-03-18T18:29:00.001+05:30

Hi,
I found people asking for various compiler arguments time to time so I thought to place a list online to help in this regard. Here is the list of compiler arguments for different versions of Flex.

Flex 3.0.0

Code:

Adobe Flex Compiler (mxmlc)
Version 3.0.0 build 477
Copyright (c) 2004-2007 Adobe Systems, Inc. All rights reserved.

-benchmark
output performance benchmark
-compiler.accessible
alias -accessible
    
generate an accessible SWF
-compiler.actionscript-file-encoding <string>
alias -actionscript-file-encoding
    
specifies actionscript file encoding. If there is no BOM in the AS3
    
source files, the compiler will use this file encoding.
-compiler.allow-source-path-overlap
alias -allow-source-path-overlap
    
checks if a source-path entry is a subdirectory of another  
source-path entry. It helps make the package names of MXML components
    
unambiguous. (advanced)
-compiler.as3
alias -as3
    
use the ActionScript 3 class based object model for greater
    
performance and better error reporting. In the class based object    
model most built-in functions are implemented as fixed methods of
    
classes. (advanced)
-compiler.context-root <context-path>
alias -context-root
    
path to replace {context.root} tokens for service channel endpoints
-compiler.debug
alias -debug
    
generates a movie that is suitable for debugging
-compiler.defaults-css-files [filename] [...]
alias -defaults-css-files
     
(advanced, repeatable)
-compiler.defaults-css-url <string>
alias -defaults-css-url
    
defines the location of the default style sheet. Setting this option    
overrides the implicit use of the defaults.css style sheet in the
    
framework.swc file. (advanced)
-compiler.define <name> <value>
alias -define
    
define a global AS3 conditional compilation definition, e.g.    
-define=CONFIG::debugging,true or -define+=CONFIG::debugging,true (to    
append to existing definitions in flex-config.xml)  (advanced,    
repeatable)
-compiler.es
alias -es
    
use the ECMAScript edition 3 prototype based object model to allow    
dynamic overriding of prototype properties. In the prototype based    
object model built-in functions are implemented as dynamic properties    
of prototype objects. (advanced)
-compiler.external-library-path [path-element] [...]
alias -external-library-path
    
list of SWC files or directories to compile against but to omit from
    
linking (repeatable)
-compiler.fonts.advanced-anti-aliasing
alias -advanced-anti-aliasing
    
enables advanced anti-aliasing for embedded fonts, which provides
    
greater clarity for small fonts.
-compiler.fonts.flash-type
alias -flash-type
    
enables FlashType for embedded fonts, which provides greater clarity
    
for small fonts.
-compiler.fonts.languages.language-range <lang> <range>
alias -language-range
    
a range to restrict the number of font glyphs embedded into the SWF
    
(advanced, repeatable)
-compiler.fonts.local-fonts-snapshot <string>
alias -local-fonts-snapshot
    
File containing system font data produced by
    
flex2.tools.FontSnapshot. (advanced)
-compiler.fonts.managers [manager-class] [...]
alias -managers
    
Compiler font manager classes, in policy resolution order (advanced)
-compiler.fonts.max-cached-fonts <string>
alias -max-cached-fonts
    
sets the maximum number of fonts to keep in the server cache.  The
    
default value is 20. (advanced)
-compiler.fonts.max-glyphs-per-face <string>
alias -max-glyphs-per-face
    
sets the maximum number of character glyph-outlines to keep in the
    
server cache for each font face. The default value is 1000.
-compiler.headless-server
alias -headless-server
    
a flag to set when Flex is running on a server without a display
    
(advanced)
-compiler.include-libraries [library] [...]
alias -include-libraries
    
a list of libraries (SWCs) to completely include in the SWF
    
(repeatable)
-compiler.incremental
alias -incremental
    
enables incremental compilation
-compiler.keep-all-type-selectors
alias -keep-all-type-selectors
    
disables the pruning of unused CSS type selectors (advanced)
-compiler.keep-as3-metadata [name] [...]
alias -keep-as3-metadata
    
keep the specified metadata in the SWF (advanced, repeatable)
-compiler.keep-generated-actionscript
alias -keep-generated-actionscript
    
save temporary source files generated during MXML compilation
    
(advanced)
-compiler.library-path [path-element] [...]
alias -l
    
list of SWC files or directories that contain SWC files (repeatable)
-compiler.locale [locale-element] [...]
alias -locale
    
specifies the locale for internationalization (repeatable)
-compiler.mxml.compatibility-version <version>
alias -compatibility-version
    
specifies a compatibility version. e.g. -compatibility-version=2.0.1
-compiler.namespaces.namespace <uri> <manifest>
alias -namespace
    
Specify a URI to associate with a manifest of components for use as
    
MXML elements (repeatable)
-compiler.optimize
alias -optimize
    
Enable post-link SWF optimization
-compiler.services <filename>
alias -services
    
path to Flex Data Services configuration file
-compiler.show-actionscript-warnings
alias -show-actionscript-warnings
    
runs the AS3 compiler in a mode that detects legal but potentially
    
incorrect code
-compiler.show-binding-warnings
alias -show-binding-warnings
    
toggle whether warnings generated from data binding code are
    
displayed
-compiler.show-shadowed-device-font-warnings
alias -show-shadowed-device-font-warnings
    
toggles whether warnings are displayed when an embedded font name
    
shadows a device font name
-compiler.show-unused-type-selector-warnings
alias -show-unused-type-selector-warnings
    
toggle whether warnings generated from unused CSS type selectors are
    
displayed
-compiler.source-path [path-element] [...]
alias -sp
    
list of path elements that form the roots of ActionScript class
    
hierarchies (repeatable)
-compiler.strict
alias -strict
    
runs the AS3 compiler in strict error checking mode.
-compiler.theme [filename] [...]
alias -theme
    
list of CSS or SWC files to apply as a theme (repeatable)
-compiler.use-resource-bundle-metadata
alias -use-resource-bundle-metadata
    
determines whether resources bundles are included in the application.
-compiler.verbose-stacktraces
alias -verbose-stacktraces
    
save callstack information to the SWF for debugging (advanced)
-compiler.warn-array-tostring-changes
alias -warn-array-tostring-changes
    
Array.toString() format has changed. (advanced)
-compiler.warn-assignment-within-conditional
alias -warn-assignment-within-conditional
    
Assignment within conditional. (advanced)
-compiler.warn-bad-array-cast
alias -warn-bad-array-cast
    
Possibly invalid Array cast operation. (advanced)
-compiler.warn-bad-bool-assignment
alias -warn-bad-bool-assignment
    
Non-Boolean value used where a Boolean value was expected. (advanced)
-compiler.warn-bad-date-cast
alias -warn-bad-date-cast
    
Invalid Date cast operation. (advanced)
-compiler.warn-bad-es3-type-method
alias -warn-bad-es3-type-method
    
Unknown method. (advanced)
-compiler.warn-bad-es3-type-prop
alias -warn-bad-es3-type-prop
    
Unknown property. (advanced)
-compiler.warn-bad-nan-comparison
alias -warn-bad-nan-comparison
    
Illogical comparison with NaN. Any comparison operation involving NaN
    
will evaluate to false because NaN != NaN. (advanced)
-compiler.warn-bad-null-assignment
alias -warn-bad-null-assignment
    
Impossible assignment to null. (advanced)
-compiler.warn-bad-null-comparison
alias -warn-bad-null-comparison
    
Illogical comparison with null. (advanced)
-compiler.warn-bad-undefined-comparison
alias -warn-bad-undefined-comparison
    
Illogical comparison with undefined.  Only untyped variables (or
    
variables of type *) can be undefined. (advanced)
-compiler.warn-boolean-constructor-with-no-args
alias -warn-boolean-constructor-with-no-args
    
Boolean() with no arguments returns false in ActionScript 3.0.
    
Boolean() returned undefined in ActionScript 2.0. (advanced)
-compiler.warn-changes-in-resolve
alias -warn-changes-in-resolve
    
__resolve is no longer supported. (advanced)
-compiler.warn-class-is-sealed
alias -warn-class-is-sealed
    
Class is sealed.  It cannot have members added to it dynamically.
    
(advanced)
-compiler.warn-const-not-initialized
alias -warn-const-not-initialized
    
Constant not initialized. (advanced)
-compiler.warn-constructor-returns-value
alias -warn-constructor-returns-value
    
Function used in new expression returns a value.  Result will be what
    
the function returns, rather than a new instance of that function.
    
(advanced)
-compiler.warn-deprecated-event-handler-error
alias -warn-deprecated-event-handler-error
    
EventHandler was not added as a listener. (advanced)
-compiler.warn-deprecated-function-error
alias -warn-deprecated-function-error
    
Unsupported ActionScript 2.0 function. (advanced)
-compiler.warn-deprecated-property-error
alias -warn-deprecated-property-error
    
Unsupported ActionScript 2.0 property. (advanced)
-compiler.warn-duplicate-argument-names
alias -warn-duplicate-argument-names
    
More than one argument by the same name. (advanced)
-compiler.warn-duplicate-variable-def
alias -warn-duplicate-variable-def
    
Duplicate variable definition  (advanced)
-compiler.warn-for-var-in-changes
alias -warn-for-var-in-changes
    
ActionScript 3.0 iterates over an object's properties within a "for x
    
in target" statement in random order. (advanced)
-compiler.warn-import-hides-class
alias -warn-import-hides-class
    
Importing a package by the same name as the current class will hide
    
that class identifier in this scope. (advanced)
-compiler.warn-instance-of-changes
alias -warn-instance-of-changes
    
Use of the instanceof operator. (advanced)
-compiler.warn-internal-error
alias -warn-internal-error
    
Internal error in compiler. (advanced)
-compiler.warn-level-not-supported
alias -warn-level-not-supported
    
_level is no longer supported. For more information, see the
    
flash.display package. (advanced)
-compiler.warn-missing-namespace-decl
alias -warn-missing-namespace-decl
    
Missing namespace declaration (e.g. variable is not defined to be
    
public, private, etc.). (advanced)
-compiler.warn-negative-uint-literal
alias -warn-negative-uint-literal
    
Negative value will become a large positive value when assigned to a
    
uint data type. (advanced)
-compiler.warn-no-constructor
alias -warn-no-constructor
    
Missing constructor. (advanced)
-compiler.warn-no-explicit-super-call-in-constructor
alias -warn-no-explicit-super-call-in-constructor
    
The super() statement was not called within the constructor.
    
(advanced)
-compiler.warn-no-type-decl
alias -warn-no-type-decl
    
Missing type declaration. (advanced)
-compiler.warn-number-from-string-changes
alias -warn-number-from-string-changes
    
In ActionScript 3.0, white space is ignored and '' returns 0.
    
Number() returns NaN in ActionScript 2.0 when the parameter is '' or
    
contains white space. (advanced)
-compiler.warn-scoping-change-in-this
alias -warn-scoping-change-in-this
    
Change in scoping for the this keyword.  Class methods extracted from
    
an instance of a class will always resolve this back to that
    
instance.  In ActionScript 2.0 this is looked up dynamically based on
    
where the method is invoked from. (advanced)
-compiler.warn-slow-text-field-addition
alias -warn-slow-text-field-addition
    
Inefficient use of += on a TextField. (advanced)
-compiler.warn-unlikely-function-value
alias -warn-unlikely-function-value
    
Possible missing parentheses. (advanced)
-compiler.warn-xml-class-has-changed
alias -warn-xml-class-has-changed
    
Possible usage of the ActionScript 2.0 XML class. (advanced)
-debug-password <string>
    
the password to include in debuggable SWFs (advanced)
-default-background-color <int>
    
default background color (may be overridden by the application code)
    
(advanced)
-default-frame-rate <int>
    
default frame rate to be used in the SWF. (advanced)
-default-script-limits <max-recursion-depth> <max-execution-time>
    
default script execution limits (may be overridden by root
    
attributes) (advanced)
-default-size <width> <height>
    
default application size (may be overridden by root attributes in the
    
application) (advanced)
-dump-config <filename>
    
write a file containing all currently set configuration values in a
    
format suitable for use as a flex config file (advanced)
-externs [symbol] [...]
    
a list of symbols to omit from linking when building a SWF (advanced,
    
repeatable)
-frames.frame [label] [classname] [...]
alias -frame
    
A SWF frame label with a sequence of classnames that will be linked
    
onto the frame. (advanced, repeatable)
-help [keyword] [...]
    
keywords are 'syntax', 'list', 'advanced', 'aliases', 'details', or a
    
search term
-include-resource-bundles [bundle] [...]
    
a list of resource bundles to include in the output SWC (repeatable)
-includes [symbol] [...]
    
a list of symbols to always link in when building a SWF (advanced,
    
repeatable)
-licenses.license <product> <serial-number>
alias -license
    
specifies a product and a serial number.  (repeatable)
-link-report <filename>
    
Output a XML-formatted report of all definitions linked into the
    
application. (advanced)
-load-config <filename>
    
load a file containing configuration options (repeatable)
-load-externs <filename>
    
an XML file containing <def>, <pre>, and <ext> symbols to omit from
    
linking when building a SWF (advanced, repeatable)
-metadata.contributor <name>
alias -contributor
    
A contributor's name to store in the SWF metadata (repeatable)
-metadata.creator <name>
alias -creator
    
A creator's name to store in the SWF metadata (repeatable)
-metadata.date <text>
alias -date
    
The creation date to store in the SWF metadata
-metadata.description <text>
alias -description
    
The default description to store in the SWF metadata
-metadata.language <code>
alias -language
    
The language to store in the SWF metadata (i.e. EN, FR) (repeatable)
-metadata.localized-description <text> <lang>
alias -localized-description
    
A localized RDF/XMP description to store in the SWF metadata
    
(repeatable)
-metadata.localized-title <title> <lang>
alias -localized-title
    
A localized RDF/XMP title to store in the SWF metadata (repeatable)
-metadata.publisher <name>
alias -publisher
    
A publisher's name to store in the SWF metadata (repeatable)
-metadata.title <text>
alias -title
    
The default title to store in the SWF metadata
-output <filename>
alias -o
    
the filename of the SWF movie to create
-raw-metadata <text>
    
XML text to store in the SWF metadata (overrides metadata.*
    
configuration) (advanced)
-resource-bundle-list <filename>
    
prints a list of resource bundles to a file for input to the compc
    
compiler to create a resource bundle SWC file.  (advanced)
-runtime-shared-libraries [url] [...]
alias -rsl
    
a list of runtime shared library URLs to be loaded before the
    
application starts (repeatable)
-runtime-shared-library-path [path-element] [rsl-url] [policy-file-url] [rsl-url] [policy-file-url]
alias -rslp
     
(repeatable)
-static-link-runtime-shared-libraries
alias -static-rsls
    
statically link the libraries specified by the
    
-runtime-shared-libraries-path option.
-target-player <version>
    
specifies the version of the player the application is targeting.
    
Features requiring a later version will not be compiled into the
    
application. The minimum value supported is "9.0.0".
-use-network
    
toggle whether the SWF is flagged for access to network resources
-verify-digests
    
verifies the libraries loaded at runtime are the correct ones.
    
(advanced)
-version
    
display the build version of the program
-warnings
    
toggle the display of warnings

Flex 3.3

Code:

Adobe Flex Compiler (mxmlc)
Version 3.3.0 build 4852
Copyright (c) 2004-2007 Adobe Systems, Inc. All rights reserved.

-benchmark
    
output performance benchmark
-compiler.accessible
alias -accessible
    
generate an accessible SWF
-compiler.actionscript-file-encoding <string>
alias -actionscript-file-encoding
    
specifies actionscript file encoding. If there is no BOM in the AS3
    
source files, the compiler will use this file encoding.
-compiler.context-root <context-path>
alias -context-root
    
path to replace {context.root} tokens for service channel endpoints
-compiler.debug
alias -debug
    
generates a movie that is suitable for debugging
-compiler.external-library-path [path-element] [...]
alias -external-library-path
    
list of SWC files or directories to compile against but to omit from
    
linking (repeatable)
-compiler.fonts.advanced-anti-aliasing
alias -advanced-anti-aliasing
    
enables advanced anti-aliasing for embedded fonts, which provides
    
greater clarity for small fonts.
-compiler.fonts.flash-type
alias -flash-type
    
enables FlashType for embedded fonts, which provides greater clarity
    
for small fonts.
-compiler.fonts.max-glyphs-per-face <string>
alias -max-glyphs-per-face
    
sets the maximum number of character glyph-outlines to keep in the
    
server cache for each font face. The default value is 1000.
-compiler.include-libraries [library] [...]
alias -include-libraries
    
a list of libraries (SWCs) to completely include in the SWF
    
(repeatable)
-compiler.incremental
alias -incremental
    
enables incremental compilation
-compiler.library-path [path-element] [...]
alias -l
    
list of SWC files or directories that contain SWC files (repeatable)
-compiler.locale [locale-element] [...]
alias -locale
    
specifies the locale for internationalization (repeatable)
-compiler.mxml.compatibility-version <version>
alias -compatibility-version
    
specifies a compatibility version. e.g. -compatibility-version=2.0.1
-compiler.namespaces.namespace <uri> <manifest>
alias -namespace
    
Specify a URI to associate with a manifest of components for use as
    
MXML elements (repeatable)
-compiler.optimize
alias -optimize
    
Enable post-link SWF optimization
-compiler.services <filename>
alias -services
    
path to Flex Data Services configuration file
-compiler.show-actionscript-warnings
alias -show-actionscript-warnings
    
runs the AS3 compiler in a mode that detects legal but potentially
    
incorrect code
-compiler.show-binding-warnings
alias -show-binding-warnings
    
toggle whether warnings generated from data binding code are
    
displayed
-compiler.show-shadowed-device-font-warnings
alias -show-shadowed-device-font-warnings
    
toggles whether warnings are displayed when an embedded font name
    
shadows a device font name
-compiler.show-unused-type-selector-warnings
alias -show-unused-type-selector-warnings
    
toggle whether warnings generated from unused CSS type selectors are
    
displayed
-compiler.source-path [path-element] [...]
alias -sp
    
list of path elements that form the roots of ActionScript class
    
hierarchies (repeatable)
-compiler.strict
alias -strict
    
runs the AS3 compiler in strict error checking mode.
-compiler.theme [filename] [...]
alias -theme
    
list of CSS or SWC files to apply as a theme (repeatable)
-compiler.use-resource-bundle-metadata
alias -use-resource-bundle-metadata
    
determines whether resources bundles are included in the application.
-help [keyword] [...]
    
keywords are 'syntax', 'list', 'advanced', 'aliases', 'details', or a
    
search term
-include-resource-bundles [bundle] [...]
    
a list of resource bundles to include in the output SWC (repeatable)
-licenses.license <product> <serial-number>
alias -license
    
specifies a product and a serial number.  (repeatable)
-load-config <filename>
    
load a file containing configuration options (repeatable)
-metadata.contributor <name>
alias -contributor
    
A contributor's name to store in the SWF metadata (repeatable)
-metadata.creator <name>
alias -creator
    
A creator's name to store in the SWF metadata (repeatable)
-metadata.date <text>
alias -date
    
The creation date to store in the SWF metadata
-metadata.description <text>
alias -description
    
The default description to store in the SWF metadata
-metadata.language <code>
alias -language
    
The language to store in the SWF metadata (i.e. EN, FR) (repeatable)
-metadata.localized-description <text> <lang>
alias -localized-description
    
A localized RDF/XMP description to store in the SWF metadata
    
(repeatable)
-metadata.localized-title <title> <lang>
alias -localized-title
    
A localized RDF/XMP title to store in the SWF metadata (repeatable)
-metadata.publisher <name>
alias -publisher
    
A publisher's name to store in the SWF metadata (repeatable)
-metadata.title <text>
alias -title
    
The default title to store in the SWF metadata
-output <filename>
alias -o
    
the filename of the SWF movie to create
-runtime-shared-libraries [url] [...]
alias -rsl
    
a list of runtime shared library URLs to be loaded before the
    
application starts (repeatable)
-runtime-shared-library-path [path-element] [rsl-url] [policy-file-url] [rsl-url] [policy-file-url]
alias -rslp
     
(repeatable)
-static-link-runtime-shared-libraries
alias -static-rsls
    
statically link the libraries specified by the
    
-runtime-shared-libraries-path option.
-target-player <version>
    
specifies the version of the player the application is targeting.
    
Features requiring a later version will not be compiled into the
    
application. The minimum value supported is "9.0.0".
-use-network
    
toggle whether the SWF is flagged for access to network resources
-version
    
display the build version of the program
-warnings
    
toggle the display of warnings

Flex 3.4

Code:

Adobe Flex Compiler (mxmlc)
Version 3.4.0 build 6955
Copyright (c) 2004-2007 Adobe Systems, Inc. All rights reserved.

-benchmark
    
output performance benchmark
-compiler.accessible
alias -accessible
    
generate an accessible SWF
-compiler.actionscript-file-encoding <string>
alias -actionscript-file-encoding
    
specifies actionscript file encoding. If there is no BOM in the AS3
    
source files, the compiler will use this file encoding.
-compiler.context-root <context-path>
alias -context-root
    
path to replace {context.root} tokens for service channel endpoints
-compiler.debug
alias -debug
    
generates a movie that is suitable for debugging
-compiler.external-library-path [path-element] [...]
alias -external-library-path
    
list of SWC files or directories to compile against but to omit from
    
linking (repeatable)
-compiler.fonts.advanced-anti-aliasing
alias -advanced-anti-aliasing
    
enables advanced anti-aliasing for embedded fonts, which provides
    
greater clarity for small fonts.
-compiler.fonts.flash-type
alias -flash-type
    
enables FlashType for embedded fonts, which provides greater clarity
    
for small fonts.
-compiler.fonts.max-glyphs-per-face <string>
alias -max-glyphs-per-face
    
sets the maximum number of character glyph-outlines to keep in the
    
server cache for each font face. The default value is 1000.
-compiler.include-libraries [library] [...]
alias -include-libraries
    
a list of libraries (SWCs) to completely include in the SWF
    
(repeatable)
-compiler.incremental
alias -incremental
    
enables incremental compilation
-compiler.library-path [path-element] [...]
alias -l
    
list of SWC files or directories that contain SWC files (repeatable)
-compiler.locale [locale-element] [...]
alias -locale
    
specifies the locale for internationalization (repeatable)
-compiler.mxml.compatibility-version <version>
alias -compatibility-version
    
specifies a compatibility version. e.g. -compatibility-version=2.0.1
-compiler.namespaces.namespace <uri> <manifest>
alias -namespace
    
Specify a URI to associate with a manifest of components for use as
    
MXML elements (repeatable)
-compiler.optimize
alias -optimize
    
Enable post-link SWF optimization
-compiler.services <filename>
alias -services
    
path to Flex Data Services configuration file
-compiler.show-actionscript-warnings
alias -show-actionscript-warnings
    
runs the AS3 compiler in a mode that detects legal but potentially
    
incorrect code
-compiler.show-binding-warnings
alias -show-binding-warnings
    
toggle whether warnings generated from data binding code are
    
displayed
-compiler.show-shadowed-device-font-warnings
alias -show-shadowed-device-font-warnings
    
toggles whether warnings are displayed when an embedded font name
    
shadows a device font name
-compiler.show-unused-type-selector-warnings
alias -show-unused-type-selector-warnings
    
toggle whether warnings generated from unused CSS type selectors are
    
displayed
-compiler.source-path [path-element] [...]
alias -sp
    
list of path elements that form the roots of ActionScript class
    
hierarchies (repeatable)
-compiler.strict
alias -strict
    
runs the AS3 compiler in strict error checking mode.
-compiler.theme [filename] [...]
alias -theme
    
list of CSS or SWC files to apply as a theme (repeatable)
-compiler.use-resource-bundle-metadata
alias -use-resource-bundle-metadata
    
determines whether resources bundles are included in the application.
-help [keyword] [...]
    
keywords are 'syntax', 'list', 'advanced', 'aliases', 'details', or a
    
search term
-include-resource-bundles [bundle] [...]
    
a list of resource bundles to include in the output SWC (repeatable)
-licenses.license <product> <serial-number>
alias -license
    
specifies a product and a serial number.  (repeatable)
-load-config <filename>
    
load a file containing configuration options (repeatable)
-metadata.contributor <name>
alias -contributor
    
A contributor's name to store in the SWF metadata (repeatable)
-metadata.creator <name>
alias -creator
    
A creator's name to store in the SWF metadata (repeatable)
-metadata.date <text>
alias -date
    
The creation date to store in the SWF metadata
-metadata.description <text>
alias -description
    
The default description to store in the SWF metadata
-metadata.language <code>
alias -language
    
The language to store in the SWF metadata (i.e. EN, FR) (repeatable)
-metadata.localized-description <text> <lang>
alias -localized-description
    
A localized RDF/XMP description to store in the SWF metadata
    
(repeatable)
-metadata.localized-title <title> <lang>
alias -localized-title
    
A localized RDF/XMP title to store in the SWF metadata (repeatable)
-metadata.publisher <name>
alias -publisher
    
A publisher's name to store in the SWF metadata (repeatable)
-metadata.title <text>
alias -title
    
The default title to store in the SWF metadata
-output <filename>
alias -o
    
the filename of the SWF movie to create
-runtime-shared-libraries [url] [...]
alias -rsl
    
a list of runtime shared library URLs to be loaded before the
    
application starts (repeatable)
-runtime-shared-library-path [path-element] [rsl-url] [policy-file-url] [rsl-url] [policy-file-url]
alias -rslp
     
(repeatable)
-static-link-runtime-shared-libraries
alias -static-rsls
    
statically link the libraries specified by the
    
-runtime-shared-libraries-path option.
-target-player <version>
    
specifies the version of the player the application is targeting.
    
Features requiring a later version will not be compiled into the
    
application. The minimum value supported is "9.0.0".
-use-network
    
toggle whether the SWF is flagged for access to network resources
-version
    
display the build version of the program
-warnings
    
toggle the display of warnings

Flex 4 (beta)

Code:

Adobe Flex Compiler (mxmlc)
Version 4.0.0 build 7219
Copyright (c) 2004-2009 Adobe Systems, Inc. All rights reserved.

-benchmark
    
output performance benchmark
-compiler.accessible
alias -accessible
    
generate an accessible SWF
-compiler.actionscript-file-encoding <string>
alias -actionscript-file-encoding
    
specifies actionscript file encoding. If there is no BOM in the AS3
    
source files, the compiler will use this file encoding.
-compiler.context-root <context-path>
alias -context-root
    
path to replace {context.root} tokens for service channel endpoints
-compiler.debug
alias -debug
    
generates a movie that is suitable for debugging
-compiler.external-library-path [path-element] [...]
alias -external-library-path
    
list of SWC files or directories to compile against but to omit from
    
linking (repeatable)
-compiler.fonts.advanced-anti-aliasing
alias -advanced-anti-aliasing
    
enables advanced anti-aliasing for embedded fonts, which provides
    
greater clarity for small fonts.
-compiler.fonts.flash-type
alias -flash-type
    
enables FlashType for embedded fonts, which provides greater clarity
    
for small fonts.
-compiler.fonts.max-glyphs-per-face <string>
alias -max-glyphs-per-face
    
sets the maximum number of character glyph-outlines to keep in the
    
server cache for each font face. The default value is 1000.
-compiler.include-libraries [library] [...]
alias -include-libraries
    
a list of libraries (SWCs) to completely include in the SWF
    
(repeatable)
-compiler.incremental
alias -incremental
    
enables incremental compilation
-compiler.library-path [path-element] [...]
alias -l
    
list of SWC files or directories that contain SWC files (repeatable)
-compiler.locale [locale-element] [...]
alias -locale
    
specifies the locale for internationalization (repeatable)
-compiler.mxml.compatibility-version <version>
alias -compatibility-version
    
specifies a compatibility version. e.g. -compatibility-version=2.0.1
-compiler.namespaces.namespace [uri] [manifest] [...]
alias -namespace
    
Specify a URI to associate with a manifest of components for use as
    
MXML elements (repeatable)
-compiler.optimize
alias -optimize
    
Enable post-link SWF optimization
-compiler.services <filename>
alias -services
    
path to Flex Data Services configuration file
-compiler.show-actionscript-warnings
alias -show-actionscript-warnings
    
runs the AS3 compiler in a mode that detects legal but potentially
    
incorrect code
-compiler.show-binding-warnings
alias -show-binding-warnings
    
toggle whether warnings generated from data binding code are
    
displayed
-compiler.show-shadowed-device-font-warnings
alias -show-shadowed-device-font-warnings
    
toggles whether warnings are displayed when an embedded font name
    
shadows a device font name
-compiler.show-unused-type-selector-warnings
alias -show-unused-type-selector-warnings
    
toggle whether warnings generated from unused CSS type selectors are
    
displayed
-compiler.source-path [path-element] [...]
alias -sp
    
list of path elements that form the roots of ActionScript class
    
hierarchies (repeatable)
-compiler.strict
alias -strict
    
runs the AS3 compiler in strict error checking mode.
-compiler.theme [filename] [...]
alias -theme
    
list of CSS or SWC files to apply as a theme (repeatable)
-compiler.use-resource-bundle-metadata
alias -use-resource-bundle-metadata
    
determines whether resources bundles are included in the application.
-framework <string>
-help [keyword] [...]
    
keywords are 'syntax', 'list', 'advanced', 'aliases', 'details', or a
    
search term
-include-resource-bundles [bundle] [...]
    
a list of resource bundles to include in the output SWC (repeatable)
-licenses.license <product> <serial-number>
alias -license
    
specifies a product and a serial number.  (repeatable)
-load-config <filename>
    
load a file containing configuration options (repeatable)
-metadata.contributor <name>
alias -contributor
    
A contributor's name to store in the SWF metadata (repeatable)
-metadata.creator <name>
alias -creator
    
A creator's name to store in the SWF metadata (repeatable)
-metadata.date <text>
alias -date
    
The creation date to store in the SWF metadata
-metadata.description <text>
alias -description
    
The default description to store in the SWF metadata
-metadata.language <code>
alias -language
    
The language to store in the SWF metadata (i.e. EN, FR) (repeatable)
-metadata.localized-description <text> <lang>
alias -localized-description
    
A localized RDF/XMP description to store in the SWF metadata
    
(repeatable)
-metadata.localized-title <title> <lang>
alias -localized-title
    
A localized RDF/XMP title to store in the SWF metadata (repeatable)
-metadata.publisher <name>
alias -publisher
    
A publisher's name to store in the SWF metadata (repeatable)
-metadata.title <text>
alias -title
    
The default title to store in the SWF metadata
-output <filename>
alias -o
    
the filename of the SWF movie to create
-runtime-shared-libraries [url] [...]
alias -rsl
    
a list of runtime shared library URLs to be loaded before the
    
application starts (repeatable)
-runtime-shared-library-path [path-element] [rsl-url] [policy-file-url] [rsl-url] [policy-file-url]
alias -rslp
     
(repeatable)
-static-link-runtime-shared-libraries
alias -static-rsls
    
statically link the libraries specified by the
    
-runtime-shared-libraries-path option.
-target-player <version>
    
specifies the version of the player the application is targeting.
    
Features requiring a later version will not be compiled into the
    
application. The minimum value supported is "9.0.0".
-use-network
    
toggle whether the SWF is flagged for access to network resources
-version
    
display the build version of the program
-warnings
    
toggle the display of warnings

Drag canvas content / Scrolling Canvas / Pan Canvas in Flex

2010-03-12T16:41:00.002+05:30

Hi,
It has been long time since I posted anything here. You know lots of work and could not able to spend time on my blog. Nevertheless, it is never late. Today I'm writing a new helpful post for you which will allow you to create a Canvas in Flex where you can Pan the content of it. That means if content in the canvas is bigger than the canvas then you can drag your mouse and move the content.

To accomplish this we need to create a new class called PanCanvas which will extend to Canvas class. Here is the code for the class.
Code:

package ankur.classes.pancanvas
{
 import flash.events.Event;
 import flash.events.MouseEvent;
 import mx.containers.Canvas;

        
        public class PanCanvas extends Canvas
        {

  private var orgX:Number;
  private var orgY:Number;
  private var orgHScrollPosition:Number;
  private var orgVScrollPosition:Number;
  private var _childrenDoDrag:Boolean = true;
            
            
  public function get childrenDoDrag():Boolean {
   return this._childrenDoDrag;
  }
            
            
  public function set childrenDoDrag(value:Boolean):void {
   this._childrenDoDrag = value;
  }
            
  override protected function createChildren():void {
   super.createChildren();
   this.addEventListener(MouseEvent.MOUSE_DOWN, startDragging);
  }
                
                
  protected function startDragging(event:MouseEvent):void
  {


   if(event.target.parent == this.verticalScrollBar ||
   event.target.parent == this.horizontalScrollBar) 
   {
    return;
   }
  
                
                
   if(_childrenDoDrag || event.target == this) 
   {
    orgX = event.stageX;
    orgY = event.stageY;

    orgHScrollPosition = this.horizontalScrollPosition;
    orgVScrollPosition = this.verticalScrollPosition;

    systemManager.addEventListener(
        MouseEvent.MOUSE_MOVE, systemManager_mouseMoveHandler, true);

    systemManager.addEventListener(
        MouseEvent.MOUSE_UP, systemManager_mouseUpHandler, true);

    systemManager.stage.addEventListener(
        Event.MOUSE_LEAVE, stage_mouseLeaveHandler);
   }
  }
            
            
           
  private function systemManager_mouseMoveHandler(event:MouseEvent):void
  {
  
   event.stopImmediatePropagation();

   this.verticalScrollPosition = orgVScrollPosition - (event.stageY - orgY);
   this.horizontalScrollPosition = orgHScrollPosition - (event.stageX - orgX);
  }
        
           
  private function systemManager_mouseUpHandler(event:MouseEvent):void
  {
   if (!isNaN(orgX))
    stopDragging();
  }
        
           
  private function stage_mouseLeaveHandler(event:Event):void
  {
   if (!isNaN(orgX))
       stopDragging();
  }
            
           
  protected function stopDragging():void
  {
   systemManager.removeEventListener(
       MouseEvent.MOUSE_MOVE, systemManager_mouseMoveHandler, true);

   systemManager.removeEventListener(
       MouseEvent.MOUSE_UP, systemManager_mouseUpHandler, true);

   systemManager.stage.removeEventListener(
       Event.MOUSE_LEAVE, stage_mouseLeaveHandler);

   orgX = NaN;
   orgY = NaN;
  }
        }
}

Now to use PanCanvas in your code you can use below MXML code.

Code:

<pancanvas:pancanvas height="100%" width="100%" y="40">
 <mx:image source="@Embed(source='assets/4_HiredGun_1280.jpg')" />
</pancanvas:pancanvas>

If you need the source code please follow below link.

Source Code
http://www.ankur-arora.com/samples/PanCanvas.zip

Please rate this post if it is of your help. This will boost me to write more such posts.

Flex Event Calendar

2009-06-29T14:31:00.001+05:30

A article on How to create Flex Event Calendar. Please check following link:- http://www.thetechlabs.com/tutorials/interfaces/create-a-dynamic-event-calendar-in-flex-builder-3-with-actionscript-30

Using CSS & Font Embeing in Flash CS3

2009-05-05T16:22:00.006+05:30

I found many developers asking for implementing CSS and embed fonts in Flash but due to lack of good examples they just go into loop of forums and no results come up.

Anyways here is a small example written in Actionscript 3.0 which will load an external CS, font file and apply CSS on a text field in Flash. So, here you go:-

Create a Class file and name it CSSFormattingExample.as.
Lets copy below code and paste it in "CSSFormattingExample.as".

Code:

package
{

     import flash.display.MovieClip;
     import flash.display.Sprite;
     import flash.events.Event;
     import flash.net.URLLoader;
     import flash.net.URLRequest;
     import flash.text.StyleSheet;
     import flash.text.TextField;
     import flash.text.TextFieldAutoSize;
     public class CSSFormattingExample extends MovieClip
     {
          private var fontLoader:URLLoader;
          private var loader:URLLoader;
          private var field:TextField;
          private var exampleText:String = "<h1>This is a headline</h1>" + "<p>This is a line of text.</p> <span class=\"bluetext\">" + "This line of text is colored blue.</span>";


          public function CSSFormattingExample():void
          {

               fontLoader = new URLLoader();
               fontLoader.addEventListener(Event.COMPLETE, onFontLoaded);
               fontLoader.load(new URLRequest("fonts.swf"));
          }

          public function onFontLoaded(event:Event):void
           {

               field = txtField;
               field.width = 300;
               field.autoSize = TextFieldAutoSize.LEFT;
               field.wordWrap = true;
               var req:URLRequest = new URLRequest("example.css");
               loader = new URLLoader();
               loader.addEventListener(Event.COMPLETE, onCSSFileLoaded); 
               loader.load(req);
          }

          public function onCSSFileLoaded(event:Event):void
          {
               var sheet:StyleSheet = new StyleSheet();
               sheet.parseCSS(loader.data);
               field.styleSheet = sheet;
               field.htmlText = exampleText;
          }
     }
}

Create a new CSS file including below code and lets save it as "example.css"

CSS File:

p {
     font-family: Arial Rounded MT Bold;
     font-size: 14; 
}  
h1 {
     font-family: Arial Rounded MT Bold;
     font-size: 30;
     font-weight: bold;
}  
.bluetext {
     color: #0000CC;  
font-size: 14; 
}

Open a new FLA file and save it as "CSSFormattingExample.fla"
Create a new movieclip name it "CSSFormattingExample".
Select "Export for ActionScript" checkbox from movie clip properties panel.
In Class textbox write class name as "CSSFormattingExample".
Create a new text field in "CSSFormattingExample" movieclip and write instance name of text field as "txtField".
Now create another new FLA file and save it as "fonts.fla".
Create a new dynamic text field and select font as "Arial Rounded MT Bold".
Click Embed button from Properties panel of text field and embed desired font outlines.
Publish this file.
Try publish your "CSSFormattingExample" FLA and you are done.

To get a copy of the above example please click here for source files.

Creating Image Gallery component in ActionScript 3.0

2009-04-23T10:55:00.007+05:30

I have wrttten a new tutorial where your will learn how to create a Image Gallry component in Flash CS3 using ActionScript 3.0 and thereafter we will link this component with FlickR API for loading multiple images.

Click below link to read the tutorial.

http://www.thetechlabs.com/xml/learn-how-to-create-flash-components-using-actionscript-30-xml-and-flickr-api/

Create a duplicate of an Object in Flash using Object.copy()

2009-02-26T10:35:00.004+05:30

Yesterday I was encounter a problem of storing a Object in another Object and making changes to that Object in ActionScript 1.0. Now what Flash do, it will create the reference of that Object and will not create a copy of that Object so if you make any changes to any of the property of first object it will also update second object automatically. Now to overcome this problem I have created a small piece of code to make the copy of Object rather than storing the reference of the Object. I hope it will help you too:- Code: Object.prototype.copy = function () { var prop, obj = new this.__proto__.constructor (); for (prop in this) { if (typeof this[prop] == "object") { obj[prop] = this[prop].copy (); } else { obj[prop] = this[prop]; } } return obj; }; Usage:

var myObj1:Object = new Object();

myObj1.prop1 = "myValue";

var myObj2:Object = myObj1.copy();

myObj2.prop1 = "myValue2";

trace(myObj1.prop1);

trace(myObj2.prop1);

Flex, AIR and SQLite

2009-02-05T17:24:00.004+05:30

Dear all,

Yesterday I was reading about connecting Flex with SQLite so we do not need to have any third party tool/application to connect some database. It seems me really useful to have a SQLdatabase and we could directly call it from Flex. No third party plug-ins required for this. I have managed to develop a small code which will create database, table and allow to perform normal login authentication in Flex, you can download source files from here. All you need to run is only Flex.

I hope it will help you too.

XML 2 Object converter in AS 2.0

2008-12-05T15:38:00.001+05:30

Hey mates, Here is a small class for converting a XML to Object. It will help you track XML data in a very simple way using dot(.) notation with each node's name. I'm elaborating it below with a sample XML:- XML File <root> <node1>Node 1 Text goes here</node1> <node2 id="2">Node 2 data</node2> <node3> <sub_node3>Sub Node 3</sub_node3> </node3> </root> Flash Code var objDataXML:XML = new XML (); objDataXML.ignoreWhite = true; objDataXML.onLoad = onXMLLoad; objDataXML.load ("myXML.xml"); function onXMLLoad(success) { if (success) { var m_objXMLData = new Object (); XML2Object.parseXML (m_objXMLData, objDataXML.firstChild); trace(m_objXMLData.node1.value); trace(m_objXMLData.node2.attributes.id); trace(m_objXMLData.node3.sub_node3.value); } } Download the class file(XML2Object.AS) by clicking here.

Data comunication between AS3 and Server Side Script(PHP)

2008-12-04T09:01:00.004+05:30

function onSubmit(evt:MouseEvent)
{
                var myData:URLRequest = new URLRequest("suggestion.php")
                myData.method = URLRequestMethod.POST
                var variables:URLVariables = new URLVariables()

                variables.name = "Dinesh Kumar Sinha";
                variables.email = "abc@gmail.com";
                variables.subject = "test mail";
                variables.suggestion = "it is just test mail";

                myData.data = variables
                var loader:URLLoader = new URLLoader()
                loader.dataFormat = URLLoaderDataFormat.VARIABLES
                loader.addEventListener(Event.COMPLETE, dataOnLoad)
                loader.load(myData)

}

function dataOnLoad(evt:Event)
{
txt_message.text = evt.target.data.message;

                if(evt.target.data.status == "mail_sent")
                {
                                trace("Mail Sent")
                }
                else
                {
                                trace("Error while sending")
                }
}
search_btn.addEventListener(MouseEvent.CLICK , onSubmit);

Note: You must not forget to return value from server side script(PHP, JSP etc.)

Example(PHP) : echo "status=mail_sent&message=Mail has been sent successfully";

Loading multiple files in Flash using ActionScript 3(AS3)

2008-11-25T12:14:00.001+05:30

I seems people asked so many times to how to load multiple files in ActionScript 3 or in other words create a preloader for multiple files in ActionScript 3. So guys below is the small piece of code which would help you in that. It just takes an array of files which all needs to be loaded and checks on enter frame for complete loading.

Code:

var arr:Array = new Array("1.swf", "2.swf");

var arrLoaders:Array = new Array(); var mcMain:MovieClip

function preloaderFiles():void { mcMain = new MovieClip(); for(var i=0;i<arr.length;i++) { arrLoaders[i] = new Loader(); arrLoaders[i].load(new URLRequest(arr[i])); arrLoaders[i].visible = false; this.addChild(arrLoaders[i]); } mcMain.addEventListener(Event.ENTER_FRAME, onEnteringFrame); }

preloaderFiles();

I'm also attaching the source code with 2 example files. Just click here to download the code in ZIP format.

How to comunicate between Flex and Flash

2008-11-21T10:49:00.003+05:30

Create a 'FlashFile.fla' in src folder of flex project with 'btnSendDataToFlex' button, 'txtOutput' textfield and following code on frame : var nCounter:int = 1; function onSendData(evt:Event):void { objFlex.setData("Data from Flash...." + nCounter); nCounter++; } function setData(strValue:String):void { txtOutput.text = strValue; } function initialize () { if(this.parent.parent != null) { objFlex = this.parent.parent.parent; } else { objFlex = this; } } btnSendDataToFlex.addEventListener(MouseEvent.CLICK, onSendData); var objFlex:*; initialize (); Following is Flex' code :

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="1106" height="410"> <mx:Script> <![CDATA[ private var nCounter:int = 1; public function setData(strValue):void{ txtOutput.text = strValue; } private function sendDataToFlash():void { var objFlash:* = flashComponent.content; nCounter++; objFlash.setData("Data From flex........" + nCounter); } ]]> </mx:Script>

<mx:SWFLoader source="FlashFile.swf" id="flashComponent"/> <mx:Canvas x="558" y="1" width="540" height="400" borderColor="#4C9D5F" backgroundColor="#348948"> <mx:Button x="37" y="22" label="Send to Flash" id="btnSendToFlash" click="sendDataToFlash()"/> <mx:Text x="151" y="24" text="Text" width="313" id="txtOutput"/> </mx:Canvas> </mx:Application>

How to upgrade flex builder 3 to publish for flash player 10.

2008-11-19T17:28:00.001+05:30

You can upgrade flex builder 3 with SDK 3.2.0.3794 to publish swf for flash player 10.

Download following files

flex_sdk_3.2.0.3794

FB3_Updater.exe

Click here to see a tutorial for getting help on 'How to upgrade Flex SDK' After configuring install 'FB3 Upadater.exe'

Remove Align Buttons from RichTextEditor control in Flex

2008-11-19T16:47:00.001+05:30

Here is a small code for removing align button from the RichTextEditor component in Flex. <?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script><![CDATA[ public function removeAlignButtons():void { rt1.toolbar.removeChild(rt1.alignButtons); } ]]></mx:Script> <mx:HBox> <mx:RichTextEditor id="rt1" title="RichTextEditor With No Align Buttons" creationComplete="removeAlignButtons()" /> </mx:HBox> </mx:Application> Other than this you can also use following control names to remove them:-

rt1.colorPicker // for Color Picker
rt1.fontFamilyCombo // for font's names list
rt1.fontSizeCombo // for font's size list
rt1.bulletButton // for bullets button