介绍MFSideMenu左右滑动控件的使用

 昨天刚写完侧滑菜单的实例,今天在CocoaChina网站上看到一篇非常好的侧滑菜单设计案例文章,分享给大家。http://www.cocoachina.com/macdev/uiue/2013/0716/6609.html

自从Facebook使用了左右滑动菜单导航以后,国内外各个App都竞相模仿该功能,此功能有助于用户在不切换主界面的同时选择更多的操作,比如网易新闻的App,如图:

IMG 0876

IMG 0877

这种左右滑动菜单可以将很多的功能聚集在一起,让用户通过手势很方便的切换想要使用的功能,增加了用户体验。所以在我的app中就想加入这个功能,结果在github中找到了这方面的demo。我是在stackflow中查找到相关的文章如图:

QQ20130821 1 2x

然后就每个测试了一下,发现MFSideMenu这个控件使用起来比较方便,而且它也支持了ARC,也支持StoryMainBoard。所以就毫不犹豫地使用它了。它的github主页:MFSideMenu。主要信息可以通过访问它的主页进行了解,下面介绍下如何在现有的项目中集成这个控件。

首先把MFSideMenu文件夹下面的文件添加到现有的项目中,记得勾上Copy items into destination group's folder(if needed)这个选项,然后目录就如下所示:

QQ20130821 2 2x

 接下来就在StoryMainboard里添加一个ViewController,Class选项卡里选择MFSlideMenuContainerViewController, Storyboard ID设定为:MFSideMenuContainerViewController;再添加一个TableViewController,Class选项卡里选择SlideMenuController,Storyboard Id设定为:rightSideMenuViewController,记得千万要把MFSlideMenuContainerView设为初始ViewController。

QQ20130821 3 2x

下面就进入编码阶段,只需要在AppDelegate.m 文件加入下面这段话即可:

QQ20130821 4 2x

运行的结果如下图:

QQ20130821 5 2x

这样就完成了左右菜单滑动的效果,由于目前我的app只要求右侧滑动,就只加入了右边的菜单在代码中也可以看到。如果大家在使用过程中有什么问题可以参考MFSlideMenu的demo,也可以给我留言。

posted @ 2013-08-21 14:07  坤坤  阅读(2711)  评论(2编辑  收藏  举报