美文网首页
简单的抽屉效果

简单的抽屉效果

作者: qiongyong | 来源:发表于2016-02-26 00:08 被阅读267次

    先看下效果


    1:新建一个项目,名字随便起,在项目下新建一个实体文件夹,这个文件件就是存放封装好的抽屉效果类(只有两个类)

    第一个类:MenuViewController 里面做抽屉效果的处理

    要求外界提供一个根视图控制器与一个左边抽屉的视图控制器(右边的暂时没做)

    接下来到.m里面实现

    1:先实现根控制器的初始化方法

    -(instancetype)initWithRootViewController:(UIViewController *)controller

    {

    if (self = [super init]) {

    self.rootVC = controller;

    }

    return self;

    }



    2:重写左边视图的setter方法

    - (void)setLeftVC:(UIViewController *)leftVC

    {

    _leftVC = leftVC;

    }

    3:重写根视图控制器的setter方法

    - (void)setRootVC:(UIViewController *)rootVC

    {

    //对根视图赋值

    _rootVC = rootVC;

    //1:先判断根视图是否为空,不为空才能进行操作

    if (_rootVC) {

    //将根视图控制器的视图取出来

    UIView *view = _rootVC.view;

    view.frame = self.view.bounds;

    [self.view addSubview:view];//把根视图的view放在菜单上面

    //添加手势

    [view addGestureRecognizer:self.leftSwipe];

    [view addGestureRecognizer:self.rightSwipe];

    [self setDefaultMenuImage];

    }

    }

    4:给导航栏的左边按钮添加一张默认的图片


    5:实现左边按钮的绑定方法,在这个方法里面只要判断当前的左边视图是否被打开(显示与隐藏的方法写在下面,这里先直接调用)

    6:实现显示与隐藏左边视图的方法

    思路:先拿到左边抽屉的视图的view,在设置frame因为左边视图只会显示一部分

    注意点就是拿到的view不能直接addSubview上去,而是要使用inserSubview:atIndex插入,否则会出现别的效果

    7:显示与隐藏的功能写好了,现在在添加两个手势 分别调用两个方法就可以了,注意 手势要加在根视图控制器的view上面,手势在延展里面声明成属性

    在viewDidLoad里面实现手势

    再实现两个手势绑定的方法(分别调用显示与隐藏的方法就好了)

    至此!这个类就算写好了 当然还有待优化

    第二个部分:

    增加一个类 leftViewController 左边抽屉的类 在里面封装控制器的跳转

    在.h 文件里面暴露两个数组让外界使用者提供

    标题数组:

    控制器数组:

    因为为了方便使用的是UItableView

    tableView的创建就不细说了

    主要功能在它的点击cell方法里面


    这两个类就算是初步封装了,接着我们在AppDelegate里面使用

    别忘记在AppDelegate的.h里面将MenuViewController 定义为属性

    在程序启动完毕里面初始化

    这样简单的一个抽屉效果就出来了


    相关文章

      网友评论

          本文标题:简单的抽屉效果

          本文链接:https://www.haomeiwen.com/subject/gsqihttx.html