SplitView like Facebook app on iPhone

问题:

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

回答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

回答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)

回答3:

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

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

回答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

回答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

回答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

回答7:

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

回答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

回答9:

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

回答10:

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