tags:

views:

259

answers:

1
Q: 

Cocoa Touch how to design the interface like facebook iPhone application's home screen?

Hi everyone,

I am just curious how facebook for iPhone application can display a list of icons with the text, then all the icons shake to allow user to change the position of each item.

What kind of control is that, and is there some sample code that do the same thing?

I think it must be standard because it exists as well in home screen of iPhone and iPod app to choose the tab item.

Thank you.

+1  A: 

It's not a standard control. It's generally implemented with Core Animation and a rotation transform.

Rob Napier  2009-12-20 00:22:03
do you have some articles on this topic :d
sfa  2009-12-20 13:20:39
I don't know of a public document that walks through this specific example. The BNR iPhone class has a very similar example for a moving-squares puzzle (http://www.bignerdranch.com/classes/beginning_iphone.shtml). The CA Programming Guide is your best bet for an intro to the topic. Pay attention to Transforms (which are how the shapes are jiggled around). You'd want to experiment with Basic Animations and Keyframe Animations to see which works better for you. http://developer.apple.com/mac/library/documentation/Cocoa/Conceptual/CoreAnimation_guide
Rob Napier  2009-12-20 14:43:27
I think the controls from the Three20 projects help ;) http://three20.info/api/TTLauncherView
sfa  2009-12-31 13:04:29

related questions

A problem with the jquery dialog when using the themeroller css
Java: Flash a window to grab user's attention
Restrict selection of SELECT option without disabling the field
What documentation and training are you pushing out with your app?
Business Application UI Design
How do I implement a chromeless window with WPF?
How to create a graphical user interface mock-up for research?
Are there any guidelines for designing user interface for mobile devices?
Diagramming Software for a Developer/Designer
Best AJAX Framework
Fighting programmer colors.
How to program user preferences
Overcoming Programmers' UI
Where can I find a graphical command shell?
Which PHP Framework will get me to a usable UI the fastest?
Is there a way to check to see if the user is currently idle?
Should menu items always be enabled? And how do you tell the user?
How do you test the usability of your user interfaces
What's the best way to code a desktop application-like menu bar in Javascript?
Future proofing a large UI Application - MFC with 2008 Feature pack, or C# and Winforms?
Instrumenting a UI
User Interface Design
What do you use to Unit-Test your Web UI?
User Interfaces - Colors and Layout
How far should one take e-mail address validation?