My ‘Flex’ible Experiments

Flex Youtube Interface

with 7 comments

This is a simple youtube interface created in flex using the as3-youtube-data-api . I also used the Flex Video Player from http://www.fxcomponents.com/ and Kingnare theme from Scalenine.

To get the rid of the cross-domain issue ,  I followed the instructions on this blog

Right Click to view the Source .

Click here or on the image below to view the app

 

fxtube

Written by subeesh

February 2, 2009 at 1:58 pm

Posted in Flex, youtube

Flex Coding Conventions

leave a comment »

Here is the link to the document which lays out the coding standards for writing open-source Flex framework components in ActionScript 3. Adhering to these standards makes the source code look consistent, well-organized, and professional.

http://opensource.adobe.com/wiki/display/flexsdk/Coding+Conventions

Written by subeesh

January 30, 2009 at 5:51 am

Posted in Flex

Build real-time social apps in Flex

leave a comment »

Adobe launched “Cocomo”  which is a Platform as a Service that allows Flex developers to easily add real-time social capabilities into their RIA (rich Internet applications).

For more information click here

Written by subeesh

January 22, 2009 at 11:06 am

Posted in Flex

Tagged with

Installing PHPEclipse plugin in Flex Builder

with 5 comments

Here you will find a screenshot tour of the PHPEclipse installation process in Flex Builder 3

Step 1 :

             Begin the installation from the Flex Builder Help menu item.

1        

Step 2 :

             This screenshot show the screen as it initially comes up. In this case you will need to change the radio button to indicate that this is a new install.

2

Step 3 :

           This screen will vary depending on the features you have installed already. You want to click on the New Remote Site button. If you are behind a proxy and the Flex Builder install mechanism does not work, then you can download a zipped version of the update site and then click the New Local Site button instead. 

3

Step 4 :

           This screen is showing the New Remote Site dialog, filled in with the correct information to install PHPEclipse

           Name : PHPEclipse 1.2.x

           URL :   http://update.phpeclipse.net/update/stable/1.2.x

 41

Step 5:

          When you first come back to this screen, if the site you added is NOT selected, be sure to select it before clicking Finish.

5

Step 6:

          This next screen shows all of the features that are available to install.

6

Step 7:

          Click the button to accept the license agreement.

7

Step 8:

          Confirm the install location

8

Step 9:

          Just a screenshot of the in-process installation.

9

Step 10:

            This screen is saying that the provider cannot be verified . Ignore that and click on Install All .Not even Eclipse.org nor IBM sign their features.

 

10

Step 11:

           Flex Builder needs to be restarted after installing PHPEclipse.

11

Step 12:

          Finally, after restarting Flex Builder, the first thing you will typically want to do is open the PHPEclipse perspective to check whether it is installed correctly. 

12

Thats it !! . PHPEclipse is successfully installed.

Written by subeesh

November 5, 2008 at 4:59 am

FLVPlayback in Flex

with 3 comments

One thing clearly lacking in Flex is a Videoplayer component like the one found in Flash CS3.  Flex does have a VideoDisplay component , but it do not have controls to interact with video like  play, pause, seek etc.

In few simple steps we can easily use the FLash FLVPlayback in Flex

  1. On windows machine go to Program Files\Adobe\Adobe Flash CS3\en\Configuration\Component Source\ActionScript 3.0\FLVPlayback and copy the “fl” folder containing the FLVPlayback source and paste it in the flex application’s source folder .
  2. Create new actionscript class named Icon.as in the video folder with an empty constructor . This is to get rid of a compiler error like this ” Call to a possibly undefined method Icon.
  3. In the FLVPlayback class on line number 871, wrap the following lines of code in an if statement.

  4. boundingBox_mc.visible = false;
    removeChild(boundingBox_mc);
    boundingBox_mc = null;

The result will look like this

    if(boundingBox_mc){
    boundingBox_mc.visible = false;
    removeChild(boundingBox_mc);
    boundingBox_mc = null;
    };

Finally we need do is to copy the Video player controlbar skins . We can find them in this directory    Program Files\Adobe\Adobe Flash CS3\en\Configuration\FLVPlayback Skins\ActionScript 3.0
Thats it !! . We are good to go now . Click on the image below to view a sample ( Right click to view the source )

Written by subeesh

November 3, 2008 at 7:34 am

Free Flex Themes

with one comment

 The winning themes of the “Skin to Win Challenge” conducted by ScaleNine are now available for download. All the themes are really cool and free to download. Click here to check it out!!

Written by subeesh

October 31, 2008 at 12:23 pm

Butterfly in Flex ( Degrafa )

leave a comment »

Last year Degrafa posted a SVG Tiger example demostrating the power of <Path> tag. I recently learned how to use that tag and created a simple example using an SVG file dowloaded from here .

This is just mxml code with the “data” copied from the SVG file. The colours can be changed using the ColorPicker on the right. Drag the slider to zoom in and out.

Click here or on the image to view the example
( Right Click to view the Source :) )

Written by subeesh

October 25, 2008 at 6:53 pm

Highlight Text in TextArea

with one comment

SetSelection method of the TextArea is ued here to highlight the text. This method will work only if the TextArea has the focus or the “alwaysShowSelection” property of the TextArea’s textField is set to true. Since the textField is a private property, we need to extend the TextArea class and set the property inside the class.

This method is highlighting only one search term at a time. Regular expression can be used to highlight multiple matching terms

Click here or on the image to view the example . Right click to view the source

 

Written by subeesh

October 22, 2008 at 7:21 pm

Background repeat Flex

leave a comment »

Normally it is difficult to repeat an image over the background of the application or some container in flex. But with Degarfa it is really simple. We just need to download the degrafa swc from the google code and use the BorderSkin class. There are a lot of cool features that degrafa provides.

Click here or on the image to view the example. View source is enabled. Code is super simple and self explanatory

Written by subeesh

October 22, 2008 at 6:57 pm

Flickr Photo search in Flex

with one comment

This is a simple flicker photo search application created with as3flickrlib . I used darkroom theme from scalenine . IHope this may help someone out there.

Don’t forget to change the API Key to yours

View source is enabled ( the code is a mess , need some clean up )

Click here or on the screenshot to view the application

Written by subeesh

October 20, 2008 at 3:35 am