zoukankan      html  css  js  c++  java
  • 介绍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,也可以给我留言。

  • 相关阅读:
    Ftp、Ftps与Sftp之间的区别
    Previous Workflow Versions in Nintex Workflow
    Span<T>
    .NET Core 2.0及.NET Standard 2.0 Description
    Announcing Windows Template Studio in UWP
    安装.Net Standard 2.0, Impressive
    SQL 给视图赋权限
    Visual Studio for Mac中的ASP.NET Core
    How the Microsoft Bot Framework Changed Where My Friends and I Eat: Part 1
    用于Azure功能的Visual Studio 2017工具
  • 原文地址:https://www.cnblogs.com/dm521/p/mfsidemenu.html
Copyright © 2011-2022 走看看