FlashCats Flash Catalyst Tips N' Tricks

18Mar/11Off

Day 9: Drag & Drop Canvas

Posted by bear

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.

2Mar/11Off

Day 6: Popup Component

Posted by bear

Here is a skinnable popup component, a little button that displays some popup content. In this case, I've decided to play graphic designer.

Get Adobe Flash player

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.

Filed under: Uncategorized 3 Comments
23Feb/11Off

Day 4: Skinnable Video Player

Posted by bear

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.

Get Adobe Flash player

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.

Filed under: Uncategorized 5 Comments
18Dec/10Off

Day 3: The Rotating State Component

Posted by bear

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.

Get Adobe Flash player

Here is a link to the updated .fxp file. Let me know how this one works.

Filed under: Uncategorized 9 Comments
9Dec/10Off

Day 2: The Advent Calendar

Posted by bear

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 ;)

Get Adobe Flash player

  • Here is the whole project as an FXP, and
  • Here are the skinnable components only, as an FXPL.

More on the component structure after the jump.

25Oct/10Off

FlashCats @ Adobe MAX 2010

Posted by tarajane

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

Filed under: Uncategorized No Comments
24Oct/10Off

Cooking with Panini

Posted by bear

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.

Filed under: Uncategorized 4 Comments
28Jun/10Off

Winning student teams from interaction design competition meet the Flash Catalyst team…

Posted by tarajane


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.

20May/10Off

Setting the default state of your application

Posted by tarajane

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.

19May/10Off

Displaying the hand cursor on rollover/mouse over

Posted by tarajane

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).