Advanced CSS in Flex 4 – ID and Descendant Selectors

October 21st, 2008 by

NOTE: View my comment below for updated code on making this work with the latest SDK (as of 5/25/09).

A few days ago one of the commit messages in the Gumbo trunk mentioned some work for advanced CSS was beginning. I tried to create an example of using a descendant selector as well as an ID selector, but neither worked.

Tonight, another commit message said that this was now in place by default (I guess it would have worked earlier, but I needed to be specify a compiler argument). But now, after rebuilding the latest checkout of Gumbo you should now be able to compile the following example to see the advanced CSS selectors working. Below is the SWF (you’ll need Flash Player 10 to view it) and the code follows:

Read the rest of this entry »

Tags: , ,
Posted in Flex 4, Greg Jastrab, Gumbo, Uncategorized | 6 Comments »

New Flex 4 Theme and Class Renaming

October 8th, 2008 by

NOTE: See my comment below about updating this example until I have the chance to.

A few times a day I update my subversion checkout of the Gumbo trunk. Last night I noticed a major overhaul which renamed all the Flex 4 classes, repackaged them into the mx package instead of flex. The new classes are now all (at least temporarily) prefixed with Fx, so if you are trying to compile your previously working Flex 4 code against the up-to-date SDK and suddenly see the following error:

Error: Could not resolve <application> to a component implementation.</application>

your issue will be resolved by changing Application to FxApplication. You’ll need to do the same for most of the other Flex 4 controls (Group, VGroup, and HGroup are exceptions that don’t need to be prefixed with Fx).

Spark Theme

You may also notice the new spark folder added in the skins directory. Below is an example application showing what these new skins look like for some of the Gumbo components:
Read the rest of this entry »

Tags: , ,
Posted in Flex 4, Greg Jastrab, Gumbo | 11 Comments »

Rotate Effect and Non Embedded Fonts in Flex 4

September 25th, 2008 by

One big improvement in Flash Player 10 is that fonts no longer need to be embedded in order to rotate text or alter it’s alpha. Below is a simple example demonstrating both of these features by using the Rotate and Fade effects in Flex 4.

[flash /wp-content/uploads/2008/09/rotate_and_fade.swf]

Check out how simple the code is below!

Read the rest of this entry »

Tags: , , ,
Posted in Flex 4, Greg Jastrab, Gumbo | 3 Comments »

Recreating Ely’s Flex 4 List Component Series: Part 3 – Adding Transitions

August 23rd, 2008 by

In Part 2 we added hovered and selected states to the ItemRenderer for the list items. In this part we’ll add some transitions to make the list look more like an Accordion. Since screenshots won’t do the example justice this time, I’ll show a screencast I made demonstrating the result first:

[flash /wp-content/uploads/2008/08/elysliststep4.swf]
(Sorry for the embed being cutoff, still figuring out the params to this word press plugin. Click through for the full embed on its own page.)

Keep reading for the source…

Read the rest of this entry »

Tags: , , ,
Posted in Flex 4, Greg Jastrab, Gumbo, Uncategorized | 4 Comments »

Recreating Ely’s Flex 4 List Component Series: Part 2

August 19th, 2008 by

In Part 1 of this series we learned how to create an ItemRenderer for a List in Flex 4. I wanted to get through 2 steps tonight, but only have the code for the next step finished. This code creates the item renderer seen at ~4:20 of Ely’s video.

Read the rest of this entry »

Tags: , , , ,
Posted in Flex 4, FXG, Greg Jastrab, Gumbo, Uncategorized | 10 Comments »

Recreating Ely’s Flex 4 List Component Series

August 16th, 2008 by

If you haven’t seen Ely’s video on Adobe TV about improving the designer/developer workflow (which is an updated version of what he infamously previewed at MAX last year), you should probably check that out to see what the goal of this series is.

I’m going to attempt to go through the steps and recreate what he demonstrated, which was to take a simple list and iteratively transform it into a rich, accordion-like interactive list. To get started, be sure that you’re setup to compile Flex 4 code and that you have Flash Player 10. Here we go…

Read the rest of this entry »

Tags: , ,
Posted in Flex 4, FXG, Greg Jastrab, Gumbo | 1 Comment »

Creating a Custom Layout Class in Flex 4

July 16th, 2008 by

So apparently I’m giving a week long series on getting started with Flex 4. I would have titled my content as such, but I guess I wasn’t sure if I would have learned enough to provide a week’s worth of content. Let’s give it a shot anyway.

As I briefly touched upon in yesterday’s post, layout is handled in new layout classes in Flex 4. Let’s dive in to making a simple, custom layout manager.

Read the rest of this entry »

Posted in Flex 4, Greg Jastrab, Gumbo | 5 Comments »

Skinning A Button in Flex 4 Using FXG

July 16th, 2008 by

In yesterday’s post I walked through how I got the Flex 4 SDK setup, compiled, and ran the first Hello World application in Flex 4. I said I would follow up today with skinning a Button using the new declarative graphics tags known as FXG (previously referred to as MXML-G), so here we are.

Today I want to explore using the new layout property as well as using a Skin file to describe how the button should look. Let’s get started…

Read the rest of this entry »

Posted in Flex 4, FXG, Greg Jastrab, Gumbo | 15 Comments »

Compiling Your First Flex 4 Application

July 15th, 2008 by

Big news today in the world of Flex! The first push of the Flex 4 source was made this afternoon (and another push was made this evening). Additionally, a lot of documentation was added to the Adobe Open Source site regarding Flex 4 (code-named “Gumbo”). Reading through the Architecture Whitepaper will leave you with a great handle around where things stand and the current direction Flex is headed.

To reward myself for reading through all of those docs this evening, I decided it would be appropriate to try to test out the new code and make my first Flex 4 application…

Read the rest of this entry »

Posted in Flex 4, FXG, Greg Jastrab, Gumbo | 16 Comments »

  • You are currently browsing the archives for the Gumbo category.