Archive for November, 2007

StyleProxy

Wednesday, November 28th, 2007

It was when developing the PositionedTabNavigator that I first came across StyleProxy and there seemed to be very little information on it.

Doug just sent me a link to a post by Joan Lafferty, titled Upcoming Changes to Flex Styles (codename:Moxie). This is a much better approach to styling, but also worth a read so you understand why your application may look different in Flex 3.0.

Small Toys, Big Stories

Tuesday, November 27th, 2007

Loved these lego ads.

Small toys, big stories

PositionedTabNavigator

Monday, November 26th, 2007

One of the limitations of the default TabNavigator in the Flex 3.0 framework is that it still only allows for tabs at the top of the component, either aligned on the left, right or in the center by applying the style “horizontalAlign”.

PositionedTabNavigator removes the “horizontalAlign” style, but lets you specify where you want the tabs using the style “tabPosition”.

Valid values are: topLeft, topCenter, topRight, bottomLeft, bottomCenter, bottomRight, leftTop, leftMiddle, leftBottom, rightTop, rightMiddle and rightBottom.

You can also fine tune the tabs position using the style “tabOffset”, as you can with TabNavigator.

A new TabBar was required where a position can be set so knows how to render the tabs. PositionedTabBar takes care of this, and sets its “direction” property automatically when its “position” styles is set. An instance of this in action is included in the example below.

Value values are: top, bottom, left and right.

PositionedTabSkin also checks the “position” style which is set on each PositionTab, and draws the tab with the correct rotation. PositionedTabSkin follows the Halo skin theme.

PositionedTabNavigatorExample (right click for source).

Please post any bugs in the comments and I will do my best to fix them.

Free Online Flex Training

Wednesday, November 21st, 2007

Adobe has partnered with Total Training™ to offer free online Adobe® Flex™ training for 30 days. The video training features Adobe Flex team veteran James Talbot and Adobe Certified Master Instructor Leo Schuman. This limited-time promotion runs until December 31, 2007.

More Info

London Flash Platform User Group November 2007

Friday, November 16th, 2007

Big thanks to Karsten Schmidt and Zoltan Csaki (go buy a t-shirt) for their presentaions last month presentaions last month. Both last months presentations are online in the presentations category over at LFPUG.

This month will be our last meeting of the year with presentations (piss up only in December), and the venue also has a new ‘bright’ projector.

Up first Richard Leggett doing his session from FOTB, ‘Touching the Future’, and following him Elmer Zinkhann doing a session on ‘Collaboration in Education’.

We’ll also be raffling some Adobe ‘Flash on the Beach’ T-shirts and Essential ActionScript 3.0 books donated by Adobe.

London Flash Platform 29th November 2007 (29/11/2007)

Seamless Animated Skins in Flex

Wednesday, November 14th, 2007

In Joey Lotts session on styling Flex at FOTB (where he did a great job), one of the attendees asked about animated skins.

There’s obviously many ways to approach this but I thought I’d do an example of how you can have seamless transitions between these states using frame labels inside the symbol in Flash, and by adding code using addFrameScript().

AnimatedSkinExample (right click for source)

GingerbreadMan skins are going to be all the rage in Flex 3.0 ;) .

The animation for this skin was found on Flashkit.

Flashing Flex Talk and Examples

Friday, November 9th, 2007

As promissed in my session at FOTB here is the presentation and the examples that featured in it (right click for source). Any questions, please post in the comments and I will do my best to answer them.

Flashing Flex
As Flex/AIR becomes increasingly popular, its becoming more important for applications to look and feel less like the default produced by the framework.

The ability to implement custom designs and transitions is an ever growing request by clients, and knowing the best approach to achieve the desired result is key.

This session will take a look at the various ways this can be achieved providing information on styling, skinning, preloading, and transitions.

Flex is Flash. Release the inner devigner!

Presentation

Preloader Example
Styling Example
Programmatic Skinning Example
Flash Skinning Example
Custom Styles Example
Custom Skin Example
Move Example
Flip Example (this post may also be interesting)

I do hope that people found the presentation useful, and although we didn’t have time in the hour slot available to look at all the code in great detail, making the code available so that you can go through it in your own time will help out people who attended. You’ll need flex Builder 3.0 to run the files.

Yet again this year FOTB was a blast and I’d like thank John Davey, all the other speakers and everyone who attended.

(more…)