Help with unfold button

[Archemedia <ar...@mac.com>]

Hello,

I would like to create a unfold button for use with mobile apps.
It's quite complex so if you're interested, bear with me:

The button displays as a (stylable) normal button:

<http://apache-flex-users.2333346.n4.nabble.com/file/n4969/plain_button.png> 

Normal events are click, mouseDown etc...

You can drag this button onto another component which might need to
implement IUnfoldButtonDrop.

1. If you just drop the unfold button onto its target, an dragDrop event is
dispatched
2. If you don't release the button but hold it for a certain amount of time
(unfoldDelay), underneath the button, a circle expands holding another set
of buttons. This set is derived from a unfoldProvider property of some sort,
which might look like:

[{label: 'button 1', icon: '...'}, {label: 'button 2', icon: '...'}, etc...]

The secondary buttons animate outward in the circle:

<http://apache-flex-users.2333346.n4.nabble.com/file/n4969/animation.png> 

3. The secondary buttons stay in place now. You can continue dragging the
primary button!

4. Dragging the primary button out of the circle closes the circle again.

5. Dragging the primary button onto a secondary button dispatches a
secondaryDragDrop event. This event holds a reference to the drop target AND
to the secondary button.

<http://apache-flex-users.2333346.n4.nabble.com/file/n4969/dragInnerButton.png> 

6. Releasing the primary button will close the circle, and the primary
button snaps back to its original location.

This is not a component that's made on 2 hours but maybe there's a genius
out there that might be willing to help out or make a prototype. If I (or
we) are able to make this, we might hand it over to the flex sdk?

Any tips, suggestions or help are welcome!



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/Help-with-unfold-button-tp4969.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.