Archive

Archive for the ‘Custom Layout’ Category

Two Examples of Layout Animations

April 11th, 2010 38 comments

layout-animation A few folks have been asking for the source of my Creating Custom Layouts in Flex 4 talk at the Flash Camp Boston event, and I finally found the time to post it here. My apologies for the delay. Click on the image to go to the demo, right-click and select “view source” to get to the goods. Read more…

Extending HorizontalLayout to Support Baseline (Align to Text)

February 26th, 2010 4 comments

hlayoutbaselineThe current Spark HorizontalLayout unfortunately doesn’t support baseline alignment. If I want to have, for example, a Label and a Button positioned so that their text aligns, I usualy use absolute position (nudging things up or down) or baseline constraints with BasicLayout/Canvas. But then again, I always find myself needing this feature in a HorizontalLayout and so I finally decided to tackle it on. It turns out it’s pretty easy to extend the stock Spark HorizontalLayout, not to mention using it is a breeze with the Spark layout architecture (yay Spark!). Read more…

WheelLayout Source and Quick Mashup

June 26th, 2009 9 comments

A few folks have been asking for the source code of the WheelLayout. I created it as a proof-of-concept that our Spark layout APIs are sufficient for creation of 3D layouts. And just to showcase it in action, I decided to grab quickly the Flex3 Halo FlickrRIA, port it to Flex 4, and mash it up with the WheelLayout.

wheellayout

FlowLayout Part 2 – Gap, VerticalAlign and Scrolling

June 10th, 2009 19 comments

In part one here, the FlowLayout had really basic functionality.  I decided to demonstrate how to add layout properties to the custom Spark layouts and how to enable scrolling.

Read more…

FlowLayout – a Spark Custom Layout Example

June 1st, 2009 43 comments

I’ve been working on the Flex SDK team for more than a year now, primarily playing with the Spark layouts.  One of the new Spark features is the “assignable layouts”.  The stock layouts have been separated into their own classes and the containers can be assigned different layouts at run-time.  This modularization allows anyone to create their own cool custom layouts and use them with any of the Spark containers.

Read more…

Tags: ,