Archive for October 2008
Free Flex Themes
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
Open branches by clicking rows in Flex Tree control
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 )




