Flex Drag/Drop Animated Trash Bin

22. May 2008

Animated Flex drag drop trashI've created a little example of how to do an animated trash bin using Adobe's Flex 3. I needed the ability to drag items from a List and drop them over a trash basket to delete them. While working on it, I thought I'd animate the trash basket to give the user a visual queue that the delete succeeded. So I thought why not just have the trash basket dump over, to show the user the item has been discarded?

Check out the result.

Drag an item from the list, over the top of the trash bin and release it. You can right-click on the example page to view the full source code and download a zip file.  Or click here to view/download the source.

Adobe Flex

Comments

6/23/2008 2:56:05 PM #
Very cool example, thanks for sharing
JiDai
JiDai
7/5/2008 9:32:50 AM #
Thanks, simple but helpful
darek
darek
9/28/2008 11:54:30 AM #
Thanks
11/20/2008 9:53:29 PM #
Very nice and informative post. All the tips are very helpful and simple. Thanks for the sharing.
12/31/2008 3:55:34 AM #
I think this little example will play an imperative role in making others understand.Thanks for teaching a difficult thing in simple way.
1/9/2009 8:13:06 AM #
I found your website about a week ago and have been reading it.

Thanks for publishing these good infos.
1/13/2009 6:26:03 AM #
Thanks for publishing this info.
1/26/2009 2:04:28 AM #
I like this example, thanks.
4/18/2009 7:42:07 AM #
hey another tip... thanks a lot for the new and unique tip.. i had mention new ohh thats related to me.....
Comments are closed