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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SplitView喜欢iPhone上的Facebook应用EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SplitView喜欢iPhone上的Facebook应用
EN