Flex Youtube Interface
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
Flex Coding Conventions
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
Installing PHPEclipse plugin in Flex Builder
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.
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.
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.
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
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.
Step 6:
This next screen shows all of the features that are available to install.
Step 7:
Click the button to accept the license agreement.
Step 8:
Confirm the install location
Step 9:
Just a screenshot of the in-process installation.
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.
Step 11:
Flex Builder needs to be restarted after installing PHPEclipse.
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.
Thats it !! . PHPEclipse is successfully installed.
FLVPlayback in Flex
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
- 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 .
- 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. “
- In the FLVPlayback class on line number 871, wrap the following lines of code in an if statement.
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 )
Butterfly in Flex ( Degrafa )
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 
)
Highlight Text in TextArea
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
Background repeat Flex
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
Flickr Photo search in Flex
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
