Comments on: Here’s 5 3D Layouts for Flex 4

By: HDave

HDave — Tue, 24 Aug 2010 06:21:36 +0000

@Balakrishnan — Will you be making the source code available? Desperately looking for an animated carousel for Flex 4

By: Balakrishnan Vijay

Balakrishnan Vijay — Wed, 11 Aug 2010 06:32:09 +0000

I have now implemented animation myself (on my blog).

http://balakrishnanvijay.wordpress.com/2010/08/03/cylindrical-view-with-animatio/

It is not necessary as I had thought, to have a fixed number of states. All it takes for animation is to calculate the finalMatrix3D as Ryan has done and interpolate to it.

Once again, thanks Ryan !

By: Balakrishnan Vijay

Balakrishnan Vijay — Thu, 15 Jul 2010 06:16:14 +0000

Animation is possible as shown in http://www.rialvalue.com/blog/2010/04/14/carroflow-another-3d-layout-for-flex4/

The trick though is to display only a fixed number of objects at all times, rather have only a fixed set of positions that objects take. What is done in that example is that a set of matrix3D objects are allocated for each position(angle) and makes every object repeatedly “interpolate” from the initial matrix to the final matrix for every timer interval.

PS : Your layouts were very useful in learning 3-d layouts ! I have now done a couple of 3-d layouts of my own. Cheers !

By: Vladimir Tsvetkov

Vladimir Tsvetkov — Fri, 25 Jun 2010 08:15:26 +0000

Hi Ryan,

Did you get any decent answers to the Animation?-question?

I’m trying to animate layout changes to children, when children are added and removed to and from a Group. So far I’ve experimented with setting the moveEffect of the Group’s children. But as you expect this works only in the cases when there are no changes to the Group during the playing Move effect.

Probably I’ll write a blog post when I get to a solution.

Best Regards,
Vladimir

By: JackSW

JackSW — Wed, 02 Jun 2010 05:43:02 +0000

Hi Ryan

I can not run your project in flash builder 4

an error occurs at this line in CoverFlowLayout.as

for ( var i:int = 0; i < numElements; i++ )
{
var element:ILayoutElement = target.getElementAt( i );
….

it always return null

Thanks

By: Sagi

Sagi — Wed, 31 Mar 2010 16:22:24 +0000

Thanks Ryan! Great article
You can see a workaround I tried to do for the animation in here (a little bit messy but… it works):
http://www.gui-xian.com/blog/?p=4
(+source)

cheers

By: Vijendran

Vijendran — Fri, 26 Mar 2010 10:52:36 +0000

Hi,

How could we rotate the cards with respect to Y Axis in Horizontal CoverFlow Layout?

By: Gustavo

Gustavo — Thu, 11 Feb 2010 16:51:32 +0000

Hi,

I download the flex builder 4 and the source too, but I can’t build the flex project.

The errors are with this lines:

FlexLayouts.xmxl / selectionChanged=”event.target.invalidateDisplayList()”
FlexLayoutsPackage / IVisualElement( element ).depth = -position;

can you help me ?

By: dl

dl — Thu, 07 Jan 2010 12:43:00 +0000

@Ryan Campbell
The Spiral Layout might look very nice animated

By: J-Wicz

J-Wicz — Tue, 29 Dec 2009 11:35:00 +0000

just tried your nice source code with the Felx4 beta2 build 253292

the Flex framework seemed to change a bit:

IVisualElement does not have a “layer” property any more, seems to be the “depth” property now. Therefore LayoutBase3D line 61:
IVisualElement( e ).depth = 0;

similar all the subclasses need to replace the “layer” with “depth” as well

The List class uses virtualLayouts by default. Turning it off makes your source run again. In Flex4Layouts.mxml:

The SpiralLayout is not working, but the other seem fine.