blocks|key|252461|text|Facebook的人在新版本的应用程序中做了出色的工作。类似的开源代码可以从这里找到-+JTRevealSidebarDemo。请注意，截至2014年6月，此项目已停止，因此您可能会更幸运地使用以下列表中的项目。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|252462|它揭示了为iPhone做拆分视图背后的技术。|252463|编辑：其他几个开源代码：|style|BOLD|252464|252465|JWSlideMenu|ordered-list-item|252466|DDMenuController|252467|PKRevealController|252468|ViewDeck|252469|ECSlidingViewController|252470|MWFSlideNavigationViewController|252471|MFSideMenu|252472|SASlideMenu|252473|HHTabListController|252474|MTSlideViewController|252475|MTStackViewController|252476|MMDrawerController|252477|DMSideMenuController|252478|JVFloatingDrawer|252479|252480|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mystcolor/JTRevealSidebarDemo|1|https://github.com/jeremieweldin/JWSlideMenu|2|https://github.com/devindoty/DDMenuController|3|https://github.com/pkluz/PKRevealController/|4|https://github.com/Inferis/ViewDeck|5|https://github.com/edgecase/ECSlidingViewController|6|https://github.com/meiwin/MWFSlideNavigationViewController|7|https://github.com/mikefrederick/MFSideMenu|8|https://github.com/stefanoa/SASlideMenu|9|https://github.com/gloubibou/HHTabListController|10|https://github.com/myell0w/MTSlideViewController|11|https://github.com/willowtreeapps/MTStackViewController|12|https://github.com/mutualmobile/MMDrawerController|13|https://github.com/fumoboy007/DMSideMenuController|14|https://github.com/JVillella/JVFloatingDrawer^0|18|J|0|0|0|0|3|0|0|0|B|1|0|0|G|2|0|0|I|3|0|0|8|4|0|0|N|5|0|0|W|6|0|0|A|7|0|0|B|8|0|0|J|9|0|0|L|A|0|0|L|B|0|0|I|C|0|0|K|D|0|0|G|E|0|0^^$0|@$1|2|3|4|5|6|7|2E|8|@]|9|@$A|2F|B|2G|1|2H]]|C|$]]|$1|D|3|E|5|6|7|2I|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|2J|8|@$A|2K|B|2L|H|I]]|9|@]|C|$]]|$1|J|3|-4|5|6|7|2M|8|@]|9|@]|C|$]]|$1|K|3|L|5|M|7|2N|8|@]|9|@$A|2O|B|2P|1|2Q]]|C|$]]|$1|N|3|O|5|M|7|2R|8|@]|9|@$A|2S|B|2T|1|2U]]|C|$]]|$1|P|3|Q|5|M|7|2V|8|@]|9|@$A|2W|B|2X|1|2Y]]|C|$]]|$1|R|3|S|5|M|7|2Z|8|@]|9|@$A|30|B|31|1|32]]|C|$]]|$1|T|3|U|5|M|7|33|8|@]|9|@$A|34|B|35|1|36]]|C|$]]|$1|V|3|W|5|M|7|37|8|@]|9|@$A|38|B|39|1|3A]]|C|$]]|$1|X|3|Y|5|M|7|3B|8|@]|9|@$A|3C|B|3D|1|3E]]|C|$]]|$1|Z|3|10|5|M|7|3F|8|@]|9|@$A|3G|B|3H|1|3I]]|C|$]]|$1|11|3|12|5|M|7|3J|8|@]|9|@$A|3K|B|3L|1|3M]]|C|$]]|$1|13|3|14|5|M|7|3N|8|@]|9|@$A|3O|B|3P|1|3Q]]|C|$]]|$1|15|3|16|5|M|7|3R|8|@]|9|@$A|3S|B|3T|1|3U]]|C|$]]|$1|17|3|18|5|M|7|3V|8|@]|9|@$A|3W|B|3X|1|3Y]]|C|$]]|$1|19|3|1A|5|M|7|3Z|8|@]|9|@$A|40|B|41|1|42]]|C|$]]|$1|1B|3|1C|5|M|7|43|8|@]|9|@$A|44|B|45|1|46]]|C|$]]|$1|1D|3|-4|5|6|7|47|8|@]|9|@]|C|$]]|$1|1E|3|-4|5|6|7|48|8|@]|9|@]|C|$]]]|1F|$1G|$5|1H|1I|1J|C|$1K|1L]]|1M|$5|1H|1I|1J|C|$1K|1N]]|1O|$5|1H|1I|1J|C|$1K|1P]]|1Q|$5|1H|1I|1J|C|$1K|1R]]|1S|$5|1H|1I|1J|C|$1K|1T]]|1U|$5|1H|1I|1J|C|$1K|1V]]|1W|$5|1H|1I|1J|C|$1K|1X]]|1Y|$5|1H|1I|1J|C|$1K|1Z]]|20|$5|1H|1I|1J|C|$1K|21]]|22|$5|1H|1I|1J|C|$1K|23]]|24|$5|1H|1I|1J|C|$1K|25]]|26|$5|1H|1I|1J|C|$1K|27]]|28|$5|1H|1I|1J|C|$1K|29]]|2A|$5|1H|1I|1J|C|$1K|2B]]|2C|$5|1H|1I|1J|C|$1K|2D]]]]

Facebook guys have done brilliant job in the new version of the app. The similar open source code can be found from here - <a href="https://github.com/mystcolor/JTRevealSidebarDemo" rel="noreferrer">JTRevealSidebarDemo</a>. 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:

<ol>
<li><a href="https://github.com/jeremieweldin/JWSlideMenu" rel="noreferrer">JWSlideMenu</a></li>
<li><a href="https://github.com/devindoty/DDMenuController" rel="noreferrer">DDMenuController</a></li>
<li><a href="https://github.com/pkluz/PKRevealController/" rel="noreferrer">PKRevealController</a></li>
<li><a href="https://github.com/Inferis/ViewDeck" rel="noreferrer">ViewDeck</a></li>
<li><a href="https://github.com/edgecase/ECSlidingViewController" rel="noreferrer">ECSlidingViewController</a></li>
<li><a href="https://github.com/meiwin/MWFSlideNavigationViewController" rel="noreferrer">MWFSlideNavigationViewController</a></li>
<li><a href="https://github.com/mikefrederick/MFSideMenu" rel="noreferrer">MFSideMenu</a></li>
<li><a href="https://github.com/stefanoa/SASlideMenu" rel="noreferrer">SASlideMenu</a></li>
<li><a href="https://github.com/gloubibou/HHTabListController" rel="noreferrer">HHTabListController</a></li>
<li><a href="https://github.com/myell0w/MTSlideViewController" rel="noreferrer">MTSlideViewController</a></li>
<li><a href="https://github.com/willowtreeapps/MTStackViewController" rel="noreferrer">MTStackViewController</a></li>
<li><a href="https://github.com/mutualmobile/MMDrawerController" rel="noreferrer">MMDrawerController</a></li>
<li><a href="https://github.com/fumoboy007/DMSideMenuController" rel="noreferrer">DMSideMenuController</a></li>
<li><a href="https://github.com/JVillella/JVFloatingDrawer" rel="noreferrer">JVFloatingDrawer</a></li>
</ol>

blocks|key|3145644|text|那么具有故事板兼容性的项目呢？我又找到了一个与故事板兼容的幻灯片菜单：SASlideMenu|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3145645|另一个与故事板兼容的菜单是来自Sagar的答案的ECSlidingViewController和ViewDeck。它们都有故事板示例(最后一个链接是ViewDeckStoryboardExample)|3145646|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/stefanoa/SASlideMenu|1|https://github.com/edgecase/ECSlidingViewController|2|https://github.com/Inferis/ViewDeck|3|https://github.com/simonrice/ViewDeckStoryboardExample^0|Z|B|0|0|O|N|1|1C|8|2|22|P|3|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]|$A|11|B|12|1|13]|$A|14|B|15|1|16]]|C|$]]|$1|F|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]|R|$5|I|J|K|C|$L|S]]]]

How about projects with storyboard compatibility?
I found 1 more slide menu which is compatible with storyboards:
<a href="https://github.com/stefanoa/SASlideMenu" rel="nofollow noreferrer">SASlideMenu</a>

Another storyboard-compatible menu is 
<a href="https://github.com/edgecase/ECSlidingViewController" rel="nofollow noreferrer">ECSlidingViewController</a> 
and 
<a href="https://github.com/Inferis/ViewDeck" rel="nofollow noreferrer">ViewDeck</a>
from Sagar's answer. They both have storyboard examples (for the last one link is <a href="https://github.com/simonrice/ViewDeckStoryboardExample" rel="nofollow noreferrer">ViewDeckStoryboardExample</a>)

blocks|key|248956|text|对于其他正在寻找Android版本的人，请看一下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|248957|248958|android+fb+like+slideout+navigation|unordered-list-item|offset|length|248959|emerging+ui+pattern+side+navigation|248960|248961|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/korovyansk/android-fb-like-slideout-navigation|1|http://www.androiduipatterns.com/2012/06/emerging-ui-pattern-side-navigation.html^0|0|0|0|Z|0|0|0|Z|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|W|8|@]|9|@$F|X|G|Y|1|Z]]|A|$]]|$1|H|3|I|5|E|7|10|8|@]|9|@$F|11|G|12|1|13]]|A|$]]|$1|J|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]|S|$5|N|O|P|A|$Q|T]]]]

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

<ul>
<li><a href="https://github.com/korovyansk/android-fb-like-slideout-navigation" rel="nofollow">android fb like slideout navigation</a></li>
<li><a href="http://www.androiduipatterns.com/2012/06/emerging-ui-pattern-side-navigation.html" rel="nofollow">emerging ui pattern side navigation</a></li>
</ul>

blocks|key|252522|text|我知道你问过facebook，但现在ios7已经出来了，这是我想在这里发布的事实上的帖子。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|252523|要获得类似于ios7上的kindle应用程序的效果，您可以使用：|252524|https://github.com/romaonthego/REFrostedViewController|offset|length|252525|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|1I|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@$F|R|G|S|1|T]]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|E]]]]

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:

<a href="https://github.com/romaonthego/REFrostedViewController" rel="nofollow">https://github.com/romaonthego/REFrostedViewController</a>

blocks|key|3145658|text|如果其他人正在寻找一种在现在称为Xamarin.ios的MonoTouch中实现此功能的方法，请参阅我刚刚找到的这篇文章。monotouch+slide+out+navigation|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3145659|编辑|BOLD|3145660|我刚刚发现他们有一个免费的组件！flyoutnavigation|3145661|entityMap|0|LINK|mutability|MUTABLE|url|http://www.dillonbuchanan.com/programming/monotouch-slide-out-navigation/|1|http://components.xamarin.com/view/flyoutnavigation/^0|G|B|S|9|1P|U|0|0|0|2|0|G|G|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|6|7|12|8|@$9|13|A|14|B|H]]|D|@]|E|$]]|$1|I|3|J|5|6|7|15|8|@]|D|@$9|16|A|17|1|18]]|E|$]]|$1|K|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]|S|$5|N|O|P|E|$Q|T]]]]

If anyone else is looking for a way to implement this in <code>MonoTouch</code> now known as <code>Xamarin.ios</code>, take a look at this article I just found. <a href="http://www.dillonbuchanan.com/programming/monotouch-slide-out-navigation/" rel="nofollow">monotouch slide out navigation</a>

EDIT

I just found that they have a free component for this!
<a href="http://components.xamarin.com/view/flyoutnavigation/" rel="nofollow">flyoutnavigation</a>

blocks|key|2930954|text|我注意到没有人列出这个精彩的课程..。SWRevealController。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2930955|我一直在我的项目应用中使用它。它很容易使用，并且有大量的文档记录。John还给了用户一些例子，让他们了解它是如何工作的，或者如果你想从...希望这能有所帮助|2930956|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/John-Lluch/SWRevealViewController^0|J|I|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

I noticed no one listed this wonderful class... <a href="https://github.com/John-Lluch/SWRevealViewController" rel="nofollow">SWRevealController</a>. 

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

blocks|key|3145626|text|具有过滤器效果的SHSidebarController。这可能对你有帮助..试试这个:)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3145627|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/izqui/SHSidebarController^0|8|J|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="https://github.com/izqui/SHSidebarController" rel="nofollow">SHSidebarController</a>with filder effect.
This might be helpful to you.. try this :)

blocks|key|254030|text|这看起来是最适合我的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|254031|254032|+PKRevealController|blockquote|offset|length|style|BOLD|254033|254034|254035|它有很好的手指滚动效果，并在部分拖动时向后移动。|254036|https://github.com/pkluz/PKRevealController|254037|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1|I|0|0|0|0|0|17|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|X|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|Y|8|@$F|Z|G|10|H|I]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|12|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|13|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|14|8|@]|9|@$F|15|G|16|1|17]]|A|$]]|$1|P|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|O]]]]

This looks to be the best match for me. 

<blockquote>
 PKRevealController
</blockquote>

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

<a href="https://github.com/pkluz/PKRevealController" rel="nofollow">https://github.com/pkluz/PKRevealController</a>

blocks|key|254043|text|MMDrawerController是一个非常好的选择。你可以配置很多东西。试一次，https://github.com/mutualmobile/MMDrawerController|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|254044|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mutualmobile/MMDrawerController^0|16|1E|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

MMDrawerController is very good option.
You can configure many things. try it once
<a href="https://github.com/mutualmobile/MMDrawerController" rel="nofollow">https://github.com/mutualmobile/MMDrawerController</a>

blocks|key|2931040|text|我一直致力于一个浮动风格的导航抽屉，我希望人们会喜欢。它在GitHub上，看一下。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2931041|​|2931042|📷|atomic|2931043|2931044|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/JVillella/JVFloatingDrawer|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/ca08c4e4281a3cb5ee0838e14b82a023.png|imageAlt^0|T|6|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|I|3|E|5|6|7|16|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]|R|$5|S|N|T|C|$U|V|W|-4]]]]

I've been working on a floating-style navigation drawer that I hope people will like. It's on <a href="https://github.com/JVillella/JVFloatingDrawer" rel="nofollow noreferrer">GitHub</a>, take a look.

<img src="https://i.stack.imgur.com/ewdIe.png" alt="enter image description here">

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

<img src="https://i.stack.imgur.com/ono3I.png" alt="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

SplitView like Facebook app on iPhone

Android

Xamarin

我想创建一个iPhone应用程序，该应用程序使用与链接中的图片类似的导航场景​​请注意，我不希望这只适用于iPad，我希望它完全适用于iPhone，如图所示，当您单击一个表视图项目时，它会隐藏表视图并使该视图全屏显示。我想知道如何做到这一点，因为我自己也搞不清楚。谢谢

问SplitView喜欢iPhone上的Facebook应用
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SplitView喜欢iPhone上的Facebook应用EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SplitView喜欢iPhone上的Facebook应用
EN