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

Highup

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.

Some other open source code:

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

Forby

That is exactly what I wanted, thanks, I haven't had a chance to try it out yet but it doesn't contain anything that Apple wouldn't approve, like unofficial API's or anything, does it? – Highup

Any idea how to do this on Android? – Orinasal

@Daniel: Nope. But you may create a new question on SO and I am sure you will get a solution. – Bushman

@Bushman I already did that and doesn't seem to be working. #8366138 – Orinasal

github.com/jeremieweldin/JWSlideMenu works fine. Has anyone customized any of these solutions to display a tableview with filters instead of navigation with the FB splitview controller. – Radiolarian

@Daniel have a look to github.com/jfeinstein10/SlidingMenu for Android implementation. It's way more efficient than all other alternative.. – Survival

You could add to this list UISplitViewController developer.apple.com/library/ios/documentation/UIKit/Reference/… Since iOS8 you can accomplish the split view like Facebook app in iPhone. More info at #24123504 – Rickart

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)

Protozoon

Answer 3

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

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

Mature

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

Cotter

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

Motte

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

Amphibian

Answer 7

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

Lazy

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

Taratarabar

Answer 9

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

Anubis

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.

Septempartite