* 'Display' icon and header image taken from Crystal icon set as provided by Everaldo.com under a GNU General Public License.
IPhone Style Drag and Push Panel in Silverlight
Sat, 07/04/2009 - 14:19 — smartyP
I've been doing a bit of work at the new job on some custom panels relative to our project. In doing the work we have been talking a lot about the iPhone's main launcher panel and how the iPhone implements dragging and reordering of icons on the screen. I wanted to take what I have learned in working on those custom panels and apply it to actually recreating the iPhone's implementation - you can find what I came up with here:
(click and drag squares to rearrange, 'Revert' to reset order)
I was going to hold off on posting the code as this attempt was done quickly and perhaps the code is a bit hacked up, but I know that chances are I won't have time to clean it up, so I'm just going to post it as is. If you make use of the code or clean it up, etc. please let me know - hopefully it's still something people can learn from.
| Attachment | Size |
|---|---|
| RearrangableBlocksExample_2.zip | 248.06 KB |
Projects
ImageWind.net
Matchingo.comSuggested Blogs
Comments
Hi, Awesome custom panel. I
Hi,
Awesome custom panel.
I loved the interactivity and the excellent implementation of a re-arranging panel.
One of the best examples of Fluid UIs i've seen in a while.
Keep up the amazing blogging,
-- Justin Angel
Microsoft Silverlight Program Manager
Very good work. This makes me
Very good work. This makes me want Silverlight on my Windows Mobile even more.
-
Mark Monster
Roger, this is a great
Roger, this is a great example; the rearranging is so responsive...again, great work.
-Corey
Cool Example, thanks for
Cool Example, thanks for sharing you experience to us... ^^
Excelent work. One of the
Excelent work. One of the best panels I've seen so far in Silverlight.
Flex have this behavior
Flex have this behavior built-in.
i couldnt find any built in
i couldnt find any built in iphone type functionality in flex in my searches on the web, how about posting a link?
I would like to know how to
I would like to know how to drag and drop into and out from this Iphone panel
can someone help ?
Wow thanks for this panel in
Wow thanks for this panel in silverlight. I am interested in iPhones panel for a long time too. Your work will be like a tutorial for me, because I am only a junior software developer. Thanks for your hard work and efforts, and moreover thanks for placing this information and sharing it with us here. I have bookmarked your blog so I will be waiting for other great articles from you.
Sincerely,
Tim Burton from iphone development
Post new comment