Day 9: Drag & Drop Canvas
Also known as, the Dress-up Robot!
This skinnable component has a "droppables" group of graphics you can drag to and position on a "canvas" group. For this example, the droppables is a set of accessories for the robot in the canvas.
Click on the image to preview.
The fxp is available here.
Details after the jump.
Day 6: Popup Component
Here is a skinnable popup component, a little button that displays some popup content. In this case, I've decided to play graphic designer.
The popup is displayed on top of the rest of the application. Since it is modal, the rest of the application is grayed out while the popup is open.
You can download the fxp here.
Day 4: Skinnable Video Player
I know it's been a while, but I'm going to stick with this days theme until we're up to 12. Here is a skinnable video player. It currently has a very small video, just to keep bandwidth down.
It has 3 states, one for loading, one for when the video is paused, and one for when it is playing. It has a control-less video part, a horizontal slider seekbar, a horizontal slider volume bar, and play and pause buttons.
You can download the FXP here.
Day 3: The Rotating State Component
This component is similar to the Slide Deck, with an added auto-advance. Inside the state rotator component, you can create text specifying the timer delay, and assign it as a skin part. Check out the Slide Deck and the beginning of this series for an example.
Here is a link to the updated .fxp file. Let me know how this one works.
Day 2: The Advent Calendar
It's time for the second custom skinnable component. It's an Advent Calendar! It even lets you cheat if you want to take a peek forward or backward in time
More on the component structure after the jump.
FlashCats @ Adobe MAX 2010
Hey all MAX attendees!
Bear and I are at Adobe MAX 2010 in LA this week.
We'd love for any Flash Catalyst user MAX attendees to come to the Flash Catalyst Meet the Team event tonight at 9pm if you're at the conference.
If you can't make the Meet the Team session, but are at the conference, please post a comment here and we'll followup to make sure we can meet you in person while we're here for lunch!
Lots of new posts on Adobe Flash Catalyst Panini in the weeks to come - look out for them ![]()
Tara
Cooking with Panini
If you've been wondering where the new posts have been, we've been heads down for the past couple months working on something we can finally share with you all.
A preview of the next version of Adobe Flash Catalyst, codenamed "Panini" is now available over at Adobe Labs.
New features include:
- Skinning custom developer components
- Roundtrip workflow with Flash Builder
- Improved code formatting
- Resizable applications and components
Check out the full scoop over at the Flash Catalyst Blog.
Winning student teams from interaction design competition meet the Flash Catalyst team…

On May 6, 2010, Adobe, Hearst Corporation's innovation group, and the Reynolds Journalism Institute (RJI) at the Missouri School of Journalism announced the two winning teams in a student interaction design competition to produce interactive applications that solve real-world needs in the advertising or news-gathering sides of the journalism industry. On May 11, the winning teams from RJI, as well as the winning student team from Fudan University in Shanghai, working on a parallel project for Shanghai World Expo, came to Adobe San Francisco to present their projects and meet the team behind Adobe Flash Catalyst CS5 , the software at the center of their projects.
Check out this video on the students’ experience with Flash Catalyst and meeting the Adobe Flash Catalyst team.
To know more about the RJI student project with Flash Catalyst, see this video.
Setting the default state of your application
Not being able to re-arrange states has been a point of frustration for many users.
Fortunately, the first state you create in an application doesn't have to be your default.
Displaying the hand cursor on rollover/mouse over
It is often desirable to change the appearance on rollover or mouse over of the cursor to indicate to the user that you can interact with an interactive object.
Flash Catalyst exposes an option to 'show hand cursor' when mousing over interactive objects (components).


