3

I am starting development on an iOS app for iPad, and I am looking to build the app with a similar design to the current Facebook or Twitter iPad apps. The functionality that I am looking for, specifically, is the ability to have a menu on the left side that can be shown or hidden with a swipe, and content on the right side that layers over the menu. I have looked at doing this app with a split-view controller, but I see no way of layering content like in these other apps. I'm not even sure what to call this style of app, so any help or guidance is greatly appreciated.

Examples of layered content:

Facebook: Facebook for iPad, menu visible Facebook for iPad, menu hidden

Twitter:

Although I can't pull the image from it, this link has a good image of the layered content panes in the Twitter iPad app.

https://twitter.com/#!/download/ipad

Paul Woidke
  • 928
  • 4
  • 18
  • 40

3 Answers3

5

There is an open source library for iPad that gives the same functionality of the Twitter app, stacking tableViews with swipe gestures, Here is the link to the github repo:

https://github.com/aaronbrethorst/StackScrollView

Hubert Kunnemeyer
  • 2,261
  • 1
  • 15
  • 14
4

if you are specifically looking for the slide effect of view on swipe you should check out this sample project http://www.appdesignvault.com/downloads/PhotopadSampleProject.zip from AppDesignVault.

They have a very similar effect as in Twitter.. I think with some minor modification you can implement that in your app.

Saurabh
  • 22,743
  • 12
  • 84
  • 133
0

You might want to refer to three20: http://three20.info/, https://github.com/facebook/three20, since it was the library used for the Facebook app.

Hope it helps!

jcxavier
  • 2,232
  • 1
  • 15
  • 24
  • I don't believe that three20 is used any more for the FB app, although it was at one point. – paulbailey Jan 02 '12 at 15:58
  • From what I can tell, it looks like three20 is used for the iPod/iPhone apps, but it doesn't look like it's used for the iPad app. I also checked the [ipad-master branch](https://github.com/sixten/three20/tree/ipad-master) of three20 (as per [link](http://stackoverflow.com/questions/2998024/three20-for-ipad)), but couldn't find anything similar. – Paul Woidke Jan 02 '12 at 16:05
  • I researched it as well and you're right. I'm sorry for not being able to help further. – jcxavier Jan 02 '12 at 16:09