IPhone Style Drag and Push Panel in Silverlight

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:

Get Microsoft Silverlight

(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.

AttachmentSize
RearrangableBlocksExample_2.zip248.06 KB

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

thanks for the post.One of

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

email extractor

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options

CAPTCHA
This is to prevent spam bots from flooding out my comments, sorry for the inconvenience.