ansaurus

Question

How to create very dynamic menu like Picnik's?

Answer 1

+2 A:

You might try a combination of VBox, collapsible panels and lists ( http://hasseg.org/blog/?p=113 ) That should give you all the tools you need.

My Vision of it: (cause I like drawing with pipes and dashes)

VBOX-------------------------
|                            |
|  Collapsing Panel--------  |
|  |                       | |
|  |  Tile List----------  | |
|  |  |                  | | |
|  |  |  Tile            | | |
|  |  |  Tile            | | |
|  |   ------------------  | |
|   -----------------------  |
|                            |
|  Collapsing Panel--------  |
|  |                       | |
|  |  Tile List----------  | |
|  |  |                  | | |
|  |  |  Tile            | | |
|  |  |  Tile            | | |
|  |   ------------------  | |
|   -----------------------  |
|                            |
|  Collapsing Panel--------  |
|  |                       | |
|  |  Tile List----------  | |
|  |  |                  | | |
|  |  |  Tile            | | |
|  |  |  Tile            | | |
|  |   ------------------  | |
|   -----------------------  |
 ----------------------------

invertedSpear 2010-02-02 20:28:41

Really like your pipes-and-dashes drawing ;) Your structure is what I'm going with. I'm going with WindowShade - http://flexlib.googlecode.com/svn/trunk/docs/flexlib/containers/WindowShade.html. It works similar to collapsable panels. The next problem is with resizing. Lets say I add an item to the innermost tile, then that tile should expand to "fit" the new item. This is because the entire menu has one and only one scrollbar. So How do I find the exact height of the tile and "fit" all it's items instead of showing a scrollbar?

Yeti 2010-02-03 06:03:14

cool drawing :). Lost_in_code, good luck with the animations. I suspect picnik used Flex Effects. I'd use TweenMax. They probably had a team of 3 work for 3 weeks to make those effects work, and they still don't work if I click too fast. invertedSpear's structure works well.

viatropos 2010-02-03 11:33:00

@Lost_in_code - I personally don't mess with tiles too much but when dealing with UI components in general it's going to depend on how you're building your menu, with AS or MXML. With AS I would measure the item you add to the tile, and when you do set all the ancestor components height so "tile.addChild(item); tile.height += item.height; tileList.height += item.height; windowShade.height += item.height;" there's probably a better way to automate that, but it should work.

invertedSpear 2010-02-03 15:08:03

Thanks guys, that gave me some idea to start off.

Yeti 2010-02-04 09:37:08

ansaurus

tags:

views:

answers:

How to create very dynamic menu like Picnik's?

related questions