简单的抽屉效果

2016-02-26  本文已影响267人  qiongyong

先看下效果


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 定义为属性

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

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


上一篇下一篇

猜你喜欢

热点阅读