Comment créer un menu très dynamique comme celui de Picnik?

menu de gauche Picnik:Comment créer un menu très dynamique comme celui de Picnik?

http://www.picnik.com/app#/create/shapes

Caractéristiques de base:

accordéon comme composants (mais plusieurs éléments peuvent être sélectionnés)
Chaque pile a plusieurs enfants empilés
L'ensemble le menu est redimensionné en fonction du nombre de piles sélectionnées et une barre de défilement est également affichée si nécessaire

Alors, comment dois-je créer un menu comme celui-ci? Des pointeurs pour démarrer?

Merci!

2010-02-02 Yeti

Vous pouvez essayer une combinaison de VBox, de panneaux pliables et de listes (http://hasseg.org/blog/?p=113) qui devrait vous fournir tous les outils dont vous avez besoin.

Ma vision de ce: (parce que j'aime dessiner avec des tuyaux et des tirets)

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

Source

2010-02-02 20:28:41 invertedSpear

vraiment vos tuyaux-et-tirets dessin;) Votre structure est ce que je vais avec. Je vais avec WindowShade - http://flexlib.googlecode.com/svn/trunk/docs/flexlib/containers/WindowShade.html. Cela fonctionne de la même manière que les panneaux rétractables. Le prochain problème est avec le redimensionnement. Disons que j'ajoute un objet à la tuile la plus intérieure, alors cette tuile devrait se développer pour "s'adapter" au nouvel objet. C'est parce que le menu entier a une et une seule barre de défilement. Alors Comment trouver la hauteur exacte de la tuile et "ajuster" tous ses éléments au lieu de montrer une barre de défilement? – Yeti

dessin sympa :). Lost_in_code, bonne chance avec les animations. Je pense que picnik a utilisé Flex Effects. J'utiliserais TweenMax. Ils ont probablement eu une équipe de 3 personnes pendant 3 semaines pour faire fonctionner ces effets, et ils ne fonctionnent toujours pas si je clique trop vite. La structure d'invertedSpear fonctionne bien. –

@Lost_in_code - Personnellement, je ne plaisante pas trop avec les carreaux, mais en général, cela dépendra de la façon dont vous construisez votre menu, avec AS ou MXML. Avec AS je mesurerais l'article que vous ajoutez à la tuile, et quand vous réglerez toute la hauteur des composants ancêtres ainsi "tile.addChild (item); tile.height + = item.height; tileList.height + = item.height; windowShade.height + = item.height; " il y a probablement une meilleure façon d'automatiser cela, mais cela devrait fonctionner. – invertedSpear

Comment créer un menu très dynamique comme celui de Picnik?

Répondre

Questions connexes