介紹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,也可以給我留言。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM