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

smartyP's blog
Login to post comments

Comments

Sun, 07/05/2009 - 01:12 — Justin Angel (not verified)

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

Sun, 07/05/2009 - 03:09 — Mark Monster (not verified)

Very good work. This makes me

Very good work. This makes me want Silverlight on my Windows Mobile even more.

-
Mark Monster

Sun, 07/05/2009 - 21:54 — Corey Schuman (not verified)

Roger, this is a great

Roger, this is a great example; the rearranging is so responsive...again, great work.

-Corey

Mon, 07/06/2009 - 01:46 — EngBoon (not verified)

Cool Example, thanks for

Cool Example, thanks for sharing you experience to us... ^^

Mon, 07/06/2009 - 09:40 — Kelps (not verified)

Excelent work. One of the

Excelent work. One of the best panels I've seen so far in Silverlight.

Tue, 07/07/2009 - 06:53 — Anonymous (not verified)

Flex have this behavior

Flex have this behavior built-in.

Tue, 07/07/2009 - 09:16 — Anonymous (not verified)

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?

Mon, 08/03/2009 - 02:08 — Anonymous (not verified)

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 ?

Sun, 11/08/2009 - 19:48 — TimB (not verified)

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

Sun, 08/15/2010 - 07:02 — Anonymous (not verified)

thanks for the post.One of

thanks for the post.One of the best panels I've seen so far in Silverlight.

email extractor

Tue, 09/14/2010 - 03:34 — michaelvk (not verified)

One of the best examples of

One of the best examples of Fluid UIs i've seen in a while.Good work, I loved the interactivity and the excellent implementation of a re-arranging panel. Michael from iPad Developer Custom Software Development Mobile Application Development iPhone Application Development iPhone Games Development

Tue, 10/05/2010 - 08:27 — Ron Williams (not verified)

Hi, Thanks for a wonderful

Hi,

Thanks for a wonderful panel in silverlight. This is the best examples of Fluid Uis. You have done a great job. Thanks for sharing your experience with us.

I am sure that your post would be useful to several application developers.

Hope for more interesting and informative post from you in future !!

Regard's

Ron Williams - iPhone App Developer

Mon, 12/06/2010 - 04:55 — Anonymous (not verified)