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

screenshot

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

score 213 · Accepted Answer · edited Dec 27 '22 at 01:12

213

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:

edited Dec 27 '22 at 01:12

starball

20,030
7
43
238

answered Oct 15 '11 at 11:43

Sagar

3,159
3
29
28

2

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? – Matt Oct 15 '11 at 18:19
Any idea how to do this on Android? – DanO Dec 03 '11 at 04:52
@Daniel: Nope. But you may create a new question on SO and I am sure you will get a solution. – Sagar Dec 05 '11 at 04:23
@Sagar I already did that and doesn't seem to be working. http://stackoverflow.com/questions/8365638/ios-facebook-slide-menu-for-android – DanO Dec 06 '11 at 13:53
https://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. – Yasodha Jul 27 '12 at 11:23
2

@Daniel have a look to https://github.com/jfeinstein10/SlidingMenu for Android implementation. It's way more efficient than all other alternative.. – ChristopheCVB Feb 20 '13 at 15:40
You could add to this list UISplitViewController https://developer.apple.com/library/ios/documentation/UIKit/Reference/UISplitViewController_class/ Since iOS8 you can accomplish the split view like Facebook app in iPhone. More info at http://stackoverflow.com/questions/24123004/slide-sidebar-menu-ios-8-swift – crubio Aug 28 '15 at 12:58

score 15 · Answer 2 · edited Jun 18 '13 at 12:37

15

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)

edited Jun 18 '13 at 12:37

NANNAV

4,875
4
32
50

answered Oct 29 '12 at 05:11

surfrider

1,376
14
29

score 5 · Answer 3 · edited Jun 18 '13 at 12:40

5

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

edited Jun 18 '13 at 12:40

NANNAV

4,875
4
32
50

answered Sep 19 '12 at 04:30

simono

51
1
2

Todd Horst · Answer 4 · 2013-12-27T22:55:22.233

3

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

edited Dec 27 '13 at 22:55

answered Dec 27 '13 at 22:48

Todd Horst

853
10
22

Deekor · Answer 5 · 2013-11-03T00:36:52.367

2

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

edited Nov 03 '13 at 00:36

answered May 22 '13 at 23:12

Deekor

9,144
16
69
121

jsetting32 · Answer 6 · 2014-12-21T07:14:06.750

2

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

edited Dec 21 '14 at 07:14

answered Jul 23 '13 at 16:38

jsetting32

1,632
2
20
45

score 0 · Answer 7 · edited Jun 18 '13 at 12:38

0

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

edited Jun 18 '13 at 12:38

NANNAV

4,875
4
32
50

answered Sep 19 '12 at 08:56

SachinVsSachin

6,401
3
33
39

score 0 · Answer 8 · answered Jun 19 '13 at 06:46

0

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

answered Jun 19 '13 at 06:46

Tharindu Madushanka

3,241
7
31
33

score 0 · Answer 9 · answered Apr 22 '14 at 11:31

0

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

answered Apr 22 '14 at 11:31

Tarun Seera

4,212
4
27
41

score 0 · Answer 10 · answered Jan 18 '15 at 00:49

0

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

enter image description here

answered Jan 18 '15 at 00:49

JVillella

1,029
1
11
21

SplitView like Facebook app on iPhone

10 Answers10

Linked

Related