Flex Explorers

I have been collecting all the “flex explorers” from time to time as they are rolled out. The Flex explorers have been really really handy when it comes to checking for some stuff which you are not sure whether is possible. Without the style explorer, we would have been completely lost! From a styling perspective, the api documentation seems a little complex for a designer to get an idea of how go about styling a component on screen.

On many occasions when I have an idea, instead of reading through the api docs, I just checkout the explorers to see if it is possible in flex. As for stuff like effects, filters etc., I have found it impossible to figure it out from the api docs.

Over the past months, we have seen many explorers being released by adobe and other developers around the world. I have consolidated them under the FLEX EXPLORERS heading on the right side (below the Flex Components section). Check it out. If I have missed out anything, do drop a comment 🙂 .

[On Reflexion]Cool Flex Theme

How easy is it to skin a Flex application? As an experiment, Eylon Stroh[On Reflexion] tried to create something that looks like the Napkin L&F for a simple Flex app.

The application is a slightly modified version of the DataGrid sample from the Flex 2 Component Explorer. Here are the “before” and “after” screenshots (click on the screenshot to see the app):

Before:

Scraw1

After:

scrawl4.gif

So, was it easy? He has break it down into three separate stages. The first stage involves adding CSS styles and graphical skins to the app; the second stage involves using programmatic skins; the third stage deals with subclassing Flex framework classes in order to achieve fine-grained control of the look-and-feel.

Great Work!!!

[Read More | Demo]

Web 2.0 Styles in AS 3

[BIT-101 Blog] OK, its trendy to the extreme, but I was checking out that “Web 2.0” style you see all over the place now – you know, the slick, glossy, rounded corner, slight dropshadowed look. Come on, you know you love it. Anyway, I started analyzing how it some of it was done and started looking at coding it into AS3.

[ Read more | Source | Demo ]

[Peter Ent] Writing Flex 2 Components

First, a few words about components. The Flex class, UIComponent, is the base for all components. This example component will extend UIComponent directly – hence my use of the term “from scratch”. Using UIComponent makes sure that the component fits into the Flex framework and plays well with the other components.

[ Read more… ]