昨天刚写完侧滑菜单的实例,今天在CocoaChina网站上看到一篇非常好的侧滑菜单设计案例文章,分享给大家。http://www.cocoachina.com/macdev/uiue/2013/0716/6609.html
自从Facebook使用了左右滑动菜单导航以后,国内外各个App都竞相模仿该功能,此功能有助于用户在不切换主界面的同时选择更多的操作,比如网易新闻的App,如图:
这种左右滑动菜单可以将很多的功能聚集在一起,让用户通过手势很方便的切换想要使用的功能,增加了用户体验。所以在我的app中就想加入这个功能,结果在github中找到了这方面的demo。我是在stackflow中查找到相关的文章如图:
然后就每个测试了一下,发现MFSideMenu这个控件使用起来比较方便,而且它也支持了ARC,也支持StoryMainBoard。所以就毫不犹豫地使用它了。它的github主页:MFSideMenu。主要信息可以通过访问它的主页进行了解,下面介绍下如何在现有的项目中集成这个控件。
首先把MFSideMenu文件夹下面的文件添加到现有的项目中,记得勾上Copy items into destination group's folder(if needed)这个选项,然后目录就如下所示:
接下来就在StoryMainboard里添加一个ViewController,Class选项卡里选择MFSlideMenuContainerViewController, Storyboard ID设定为:MFSideMenuContainerViewController;再添加一个TableViewController,Class选项卡里选择SlideMenuController,Storyboard Id设定为:rightSideMenuViewController,记得千万要把MFSlideMenuContainerView设为初始ViewController。
下面就进入编码阶段,只需要在AppDelegate.m 文件加入下面这段话即可:
运行的结果如下图:
这样就完成了左右菜单滑动的效果,由于目前我的app只要求右侧滑动,就只加入了右边的菜单在代码中也可以看到。如果大家在使用过程中有什么问题可以参考MFSlideMenu的demo,也可以给我留言。