因为刚开年,所以最近公司比较闲,看到以前并不是我接手的项目中有这种抽屉效果的控制器,比较感兴趣,便对mmdrawercontroller研究起来。也方便自己忘记之后查阅,另外也希望对大家有所帮助(ps:以前都是上面一个导航栏,下面一个tabbar的项目居多,所以对这种抽屉控制器不是很了解).
1.首先,到github上把mmdrawercontroller下下来,然后倒入到项目中。当然你用cocoapods倒入也行。看你心情呗o(∩_∩)o
2.接下来就在appdelegate中撸我们的代码了。先倒入各个控制器哈。
1
2
3
4
5
|
#import"mmdrawercontroller.h"
#import"rightviewcontroller.h"
#import"centerviewcontroller.h"
#import"leftviewcontroller.h"
#import"mainnavviewcontroller.h"
|
然后就是在didfinishlaunching中设置相关的控制了,其实跟平时项目的区别就是多了一个抽屉控制器。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
- ( bool )application:(uiapplication*)application didfinishlaunchingwithoptions:(nsdictionary*)launchoptions {
self.window= [[uiwindowalloc]initwithframe:[uiscreenmainscreen].bounds];
//左中右三个控制器
rightviewcontroller*rightvc = [[rightviewcontrolleralloc]init];
leftviewcontroller*leftvc = [[leftviewcontrolleralloc]init];
centerviewcontroller*centervc = [[centerviewcontrolleralloc]init];
//导航控制器
mainnavviewcontroller*rightnavvc = [[mainnavviewcontrolleralloc]initwithrootviewcontroller:rightvc];
mainnavviewcontroller*leftnavvc = [[mainnavviewcontrolleralloc]initwithrootviewcontroller:leftvc];
mainnavviewcontroller*centernavvc = [[mainnavviewcontrolleralloc]initwithrootviewcontroller:centervc];
//抽屉控制器
self.mmdrawercontroller= [[mmdrawercontrolleralloc]initwithcenterviewcontroller:centernavvcleftdrawerviewcontroller:leftnavvcrightdrawerviewcontroller:rightnavvc];
// 关闭模式手势
self.mmdrawercontroller.closedrawergesturemodemask = mmclosedrawergesturemodeall;
// 打开模式手势
self.mmdrawercontroller.opendrawergesturemodemask = mmopendrawergesturemodeall;
// 抽屉控制器的最长宽度
self.mmdrawercontroller.maximumleftdrawerwidth = 200;
[self.windowmakekeyandvisible];
self.window.rootviewcontroller=self.mmdrawercontroller;
returnyes;
}
|
其实在这里就已经可以实现抽屉控制器的基本效果的了。但是要如下图的效果还得加一丢丢代码。
然后我们在center控制器导航栏的leftbarbutton上自定义一个button,添加点击事件等等,这应该不难哈。记得要导入相关的类。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
#import "uiviewcontroller+mmdrawercontroller.h"
- ( void )viewdidload {
[super viewdidload];
// do any additional setup after loading the view.
self.title = @ "demo" ;
self.view.backgroundcolor = [uicolor greencolor];
//uibarbuttonitem的自定义的分类方法
self.navigationitem.leftbarbuttonitem = [uibarbuttonitem initwithtarget:self action:@selector(leftbtnclick) image:@ "菜单 (1)" hightimage:@ "菜单" ];
}
-( void )leftbtnclick{
// 将左边的控制器打开
[self.mm_drawercontroller toggledrawerside:mmdrawersideleft animated:yes completion:nil];
}
|
下面就是left控制器的代码哈,就是在view上添加了一个tableview。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
#import "leftviewcontroller.h"
#import "pushviewcontroller.h"
#import "uiviewcontroller+mmdrawercontroller.h"
#import "mainnavviewcontroller.h"
@interface leftviewcontroller ()<uitableviewdelegate,uitableviewdatasource>
@end
@implementation leftviewcontroller
- ( void )viewdidload {
[super viewdidload];
// do any additional setup after loading the view.
self.view.backgroundcolor = [uicolor bluecolor];
uitableview *tableview = [[uitableview alloc] initwithframe:cgrectmake(0, 0, [uiscreen mainscreen].bounds.size.width, [uiscreen mainscreen].bounds.size.height)];
tableview.delegate = self;
tableview.datasource = self;
[self.view addsubview:tableview];
}
-(nsinteger)tableview:(uitableview *)tableview numberofrowsinsection:(nsinteger)section{
return 10;
}
-(uitableviewcell *)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath{
uitableviewcell *cell = [tableview dequeuereusablecellwithidentifier:@ "cell" ];
if (cell == nil) {
cell = [[uitableviewcell alloc] initwithstyle:uitableviewcellstylesubtitle reuseidentifier:@ "cell" ];
}
cell.detailtextlabel.text = [nsstring stringwithformat:@ "%zd" ,indexpath.row];
return cell;
}
|
点击cell跳转控制器
1
2
3
4
5
6
7
8
9
10
11
12
|
-( void )tableview:(uitableview *)tableview didselectrowatindexpath:(nsindexpath *)indexpath{
pushviewcontroller *pushvc = [[pushviewcontroller alloc] init];
pushvc.title = [nsstring stringwithformat:@ "%zd" ,indexpath.row];
//取到center控制器
mainnavviewcontroller *mainnavvc = (mainnavviewcontroller *)self.mm_drawercontroller.centerviewcontroller;
[mainnavvc pushviewcontroller:pushvc animated:yes];
//关闭了控制器之后记得将模式设置为none
[self.mm_drawercontroller closedraweranimated:yes completion:^( bool finished) {
[self.mm_drawercontroller setopendrawergesturemodemask:mmopendrawergesturemodenone];
}];
}
|
最后记得在center控制器的viewdidappear中打开滑动的手势
1
2
3
4
5
|
-( void )viewdidappear:( bool )animated{
[super viewdidappear:animated];
[self.mm_drawercontroller setopendrawergesturemodemask:mmopendrawergesturemodeall];
}
|
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:http://www.jianshu.com/p/3a019a17ba5d