My ‘Flex’ible Experiments

 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!!

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 )

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

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

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

In the existing flex tree control, the tree nodes can be expanded and collapsed by clicking on the small arrow icons on the left. It will be a good feature if we can do the same by clicking on the row. In this example  the Tree control is extended to change its behavior such that its nodes can be opened and closed by clicking on the row.

Click here or on the image to view the example

( Right click to view the source )