SplitView like Facebook app on iPhone

Question

I want to create an iPhone app that uses a navigation scene similar to the one pictured in the link

Please note I do not want this to only work for iPad, I want it to work for iPhone exactly as pictured, when you click on a tableview item it hides the tableview and makes that view full screen. I want ideas on how to do this because I cannot figure it out myself.

Thanks

Answer 1

Facebook guys have done brilliant job in the new version of the app. The similar open source code can be found from here - JTRevealSidebarDemo. Please note that as of June 2014, this project has been discontinued, so you'll probably have better luck with a project from the list below.

It reveals technique behind doing split view for iPhone.

Edit: Few other open source codes:

1. JWSlideMenu
2. DDMenuController
3. PKRevealController
4. ViewDeck
5. ECSlidingViewController
6. MWFSlideNavigationViewController
7. MFSideMenu
8. SASlideMenu
9. HHTabListController
10. MTSlideViewController
11. MTStackViewController
12. MMDrawerController
13. DMSideMenuController
14. JVFloatingDrawer

Answer 2

How about projects with storyboard compatibility? I found 1 more slide menu which is compatible with storyboards: SASlideMenu

Another storyboard-compatible menu is ECSlidingViewController and ViewDeck from Sagar's answer. They both have storyboard examples (for the last one link is ViewDeckStoryboardExample)

Answer 3

For anyone else looking for an Android version, take a look at:

• android fb like slideout navigation
• emerging ui pattern side navigation

Answer 4

I realize you asked about facebook, but now that ios7 is out, and this is the defacto thread i thought id post here.

For an effect similar to the kindle app on ios7 you can use:

https://github.com/romaonthego/REFrostedViewController

Answer 5

If anyone else is looking for a way to implement this in MonoTouch now known as Xamarin.ios, take a look at this article I just found. monotouch slide out navigation

EDIT

I just found that they have a free component for this! flyoutnavigation

Answer 6

I noticed no one listed this wonderful class... SWRevealController.

I use it with my project apps all the time. It's Easy to use and heavily documented... There are also a few examples John gives to the user to understand how it works or if you'd like to derive your project from... Hope this helps

Answer 7

SHSidebarControllerwith filder effect. This might be helpful to you.. try this :)

Answer 8

This looks to be the best match for me.

PKRevealController

It has nice scroll effect with finger and moves back on partial drag.

https://github.com/pkluz/PKRevealController

Answer 9

MMDrawerController is very good option. You can configure many things. try it once https://github.com/mutualmobile/MMDrawerController

Answer 10

I've been working on a floating-style navigation drawer that I hope people will like. It's on GitHub, take a look.