Swami Charan's Blog My personal blog…

12Dec/090

Using the Flex Charting Components

9Dec/090

Transitions and Easing in FLEX

Here is a nice video from ADOBE TV about Transitions and Easing in FLEX...

25Nov/090

Adobe Flex Builder 3 For Linux Aplha 5 Released

Flex Builder Linux is a plugin-only version of the Flex Builder that you can use to build Flex applications on Linux. The Alphs 5 Version of Flex Builder 3 is released and is available on Adobe Labs.

As we dont have Flex Builder 3 for Linux Desktop, This alpha version is based on many of the Flex Builder 3 features including project creation, code coloring, code hints, compilation, the Ajax Bridge, Find All References, and debugging. Please note that not all features in Flex Builder 3 are supported for this Linux Version.

Check out the Release Notes to know more about the features included and which are not supported.

Try it out and you can send feedback or comments about it on Adobe Labs.

27Oct/090

FLEX SDK Coding Conventions and Best Practices

ADOBE FLEX is now has become a standard for Rich Internet Application (RIA) development. FLEX has got a vast User groups and vast developer community.

For FLEX coding, we will use ActionScript3.0. Its better to know what are the best practices and Coding conventions to be followed while creating or developing any Web Application using FLEX.

ADOBE Opensource has provided us with some nice Coding Conventions and Best practices to be followed while creating any Flex Application or component. Following these conventions we can make our souce code look Professional, well-organized and consistent.

It talks about the conventions to be followed while:

  • Naming
    • Class Names
    • Event Names
    • Method Names
    • Interface Names
    • Property (Variable, Getter/Setter) Names etc.
  • Language Usage
    • Expressions
    • Statements
    • Declarations etc
  • File Organization
    • Package Statements
    • import statements
    • Class Initialization
    • Class resource etc
  • Formatting etc
    • Indentaions
    • Line Width
    • ArrayIndexing etc

Check out Adobe OpenSource for complete article and i am sure it will be useful to all Flex Coders and Web Developers.

20Oct/090

Free Flex Builder 3 for CS4 Users

As a Creative Suite 4 Web Premium or Master Collection customer, you are eligible to use Adobe Flex Builder 3 at no additional cost. You will need to first download a trial version of Flex Builder 3 and then activate Standard edition using the serial number we email to you.

Flex Builder 3 serial numbers are only available to customers who have purchased a copy of Adobe Creative Suite 4 Web Premium or Adobe Creative Suite 4 Master Collection on or after September 15, 2009.

You need to provide your CS4 Serial Number in a request form. If your Serial number is valid and meets all the conditions, *Flex Build 3 Standard Edition Serial number will be emailed to you.

*Conditions applied
7Oct/0931

Drag-drop on non-list based controls in Flex/AIR

The List-based controls like List, DataGrid etc will have support for drag and drop. You use drag-drop on list-based contols by enabling properties like dragEnabled and dropEnabled to true. We can implement this drag-drop on non-list based controls as well. To do that we need to handle drag and drop events.

Drag-drop Events for Drag Initiator

  • mouseDown, mouseMove: mouseDown event will be dispatched when a control is selected with Mouse button down. mouseMove is dispatched when mouse moves.
  • dragStart: this event is dispatched by a list-based control when a drag operation starts. Its handled internally, no need to handle it while implementing on non-list based controls.
  • dragComplete: Dispatched when the drag completes.

If you want to implement drag-drop for any component, you must implement either mouseDown or mouseMove and optionally dragComplete event. In case of List-based controls, once dragEnabled property is set to true, Flex automatically adds event handlers for dragStart and dragComplete events.

17Sep/090

Creating Pop-Up Windows in Flex/AIR

Pop-ups are a vital part of any application. In this post, we are going to look into how a popup window can be designed in FLEX/AIR.

PopUpManager class is the one used to create new top-level windows and can be used to place above all the visible windows (making it a popUp). You can remove popUps as well using this class.

We can make these windows  modal as well.

We can create a popUp using createPopUp method.

 public static createPopUp(parent:DisplayObject, class:Class,
    modal:Boolean = false):IFlexDisplayObject

Here parent is the window over which the popup is going to appear, class is the reference to the custom MXML component which is going to act as pop-up, modal represents the Boolean value to decide on whether the popup is going to be modal or not.

11Sep/091

Implementing Drag-and-Drop in Flex/AIR – I

Drag and Drop operation is one of the mostly used actions in almost all the apps. Drap and Drop action involves actions like selecting any object and moving across the application or dragging an object in or out of one application to the other.

In Flex Apps, drag and drop involves almost all the components like dragging items from the Lists, Datagrid etc or dragging any other control onto some other control.

Flex, by default, has support for drag and drop for some list based components like List, DataGarid etc. Of course, we can create our own drag and drop behavior for remaining components like panel, containter etc.

8Sep/090

Skinning Flex/AIR Components

Skinning is like changin the look of the components. To skin Flex components, we can use either Bitmaps or swfs or programmatically we can skin.

In this post we will be looking into skinning Flex Components graphically i.e. using Bitmap images and using SWFs. Using skins we can define the whole appearance, different states of the components.

For example, we will see skinning a button now. We can give whole new look to different states of button like down, up, over etc.