本文实例为大家分享了ios抽屉效果开发实例，供大家参考，具体内容如下
在显示在窗口的控制器上添加三个view（如果只需要往一边滑动就只加2个view）
先声明三个view
|
1
2
3
4
5
6
7
|
#import "viewcontroller.h" @interface viewcontroller ()@property(nonatomic, weak) uiview *mainv;@property(nonatomic, weak) uiview *leftv;@property(nonatomic, weak) uiview *rightv;@end |
添加view到控制器view上
|
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
38
39
40
41
42
43
44
45
|
#pragma mark - 添加子控件- (void)setupchildviews { uiview *leftv = [[uiview alloc]initwithframe:self.view.bounds]; leftv.backgroundcolor = [uicolor orangecolor]; [self.view addsubview:leftv]; _leftv = leftv; uiview *rightv = [[uiview alloc]initwithframe:self.view.bounds]; rightv.backgroundcolor = [uicolor grouptableviewbackgroundcolor]; [self.view addsubview:rightv]; _rightv = rightv; uiview *mainv = [[uiview alloc]initwithframe:self.view.bounds]; mainv.backgroundcolor = [uicolor yellowcolor]; [self.view addsubview:mainv]; _mainv = mainv;} - (void)viewdidload { [super viewdidload]; //添加子控件 [self setupchildviews]; //添加pan手势 uipangesturerecognizer *pan = [[uipangesturerecognizer alloc]initwithtarget:self action:@selector(pan:)]; [self.view addgesturerecognizer:pan]; //添加点按手势，在主视图上任意位置点击回到屏幕开始位置 uitapgesturerecognizer *tap = [[uitapgesturerecognizer alloc]initwithtarget:self action:@selector(tap)]; [self.view addgesturerecognizer:tap]; } |
|
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
38
39
40
41
42
43
44
45
46
|
#pragma mark - 手势识别方法#define targetl -230#define targetr 200#define screenw [uiscreen mainscreen].bounds.size.width- (void)pan:(uipangesturerecognizer *)pan { //获取手势移动的位置 cgpoint tranp = [pan translationinview:self.view]; //获取x的偏移量 cgfloat offsetx = tranp.x; //修改mainv的frame _mainv.frame = [self framewithoffsetx:offsetx]; //判断mainv的x是否大于0 [self observevalueforkeypath:nil ofobject:nil change:nil context:nil]; //复位 [pan settranslation:cgpointzero inview:self.view]; //判断当手势结束的时候，定位 if (pan.state == uigesturerecognizerstateended) { cgfloat target = 0; if (_mainv.frame.origin.x > screenw * 0.5) { //定位到右边 target = targetr; }else if(cgrectgetmaxx(_mainv.frame) < screenw * 0.5) { //定位到左边 target = targetl; } //获取x轴需要移动的偏移量 cgfloat offsetx = target - _mainv.frame.origin.x; [uiview animatewithduration:0.25 animations:^{ _mainv.frame = target == 0 ? self.view.bounds : [self framewithoffsetx:offsetx]; }]; } } |
|
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
- (void)tap { [uiview animatewithduration:0.25 animations:^{ _mainv.frame = self.view.bounds; }]; }#define kmaxy 80#pragma mark - 根据offsetx计算mainv的frame- (cgrect)framewithoffsetx:(cgfloat)offsetx { //获取上一次的frame cgrect frame = _mainv.frame; //获取屏幕的高度 cgfloat screenh = [uiscreen mainscreen].bounds.size.height; //获取屏幕的宽度 //cgfloat screenw = [uiscreen mainscreen].bounds.size.width; //x轴平移一点对应y轴需要平移的距离 cgfloat offsety = offsetx * kmaxy / screenw; //获取上一次的高度 cgfloat preh = frame.size.height; //获取上一次的宽度 cgfloat prew = frame.size.width; //获取当前高度 cgfloat curh = preh - 2 * offsety; //如果是向左滑动 if(frame.origin.x < 0) { curh = preh + 2 * offsety; } //获取尺寸的缩放比例 cgfloat scale = curh / preh; //获取当前宽度 cgfloat curw = prew * scale; //获取当前x frame.origin.x += offsetx; //获取当前y cgfloat y = (screenh - curh) / 2; frame.origin.y = y; frame.size.width = curw; frame.size.height = curh; return frame; } |
|
1
2
3
4
5
6
7
8
9
|
- (void)observevalueforkeypath:(nsstring *)keypath ofobject:(id)object change:(nsdictionary<nsstring *,id> *)change context:(void *)context { if(_mainv.frame.origin.x > 0) {//往右边滑动 _rightv.hidden = yes; }else if(_mainv.frame.origin.x < 0) {//往左边滑动 _rightv.hidden = no; } } |
如果想要在mainv主视图中显示tableview，就新创建一个tableviewcontroller，在这里面显示tableview的数据，
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
- (nsinteger)tableview:(uitableview *)tableview numberofrowsinsection:(nsinteger)section { return 30;} - (uitableviewcell *)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath { static nsstring *id = @"cell"; uitableviewcell *cell = [tableview dequeuereusablecellwithidentifier:id]; if(cell == nil) { cell = [[uitableviewcell alloc]initwithstyle:uitableviewcellstyledefault reuseidentifier:id]; } cell.textlabel.text = [nsstring stringwithformat:@"第%ld行", indexpath.row]; return cell;} |
再创建一个在storyboard中显示的控制器xxmainviewcontroller，继承自实现了抽屉效果的viewcontroller，并且在storyboard中将class改为这个控制的类名，还要将显示tableview的控制成为他的子控制器
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
- (void)viewdidload { [super viewdidload]; xxviewcontroller *vc = [[xxviewcontroller alloc]init]; vc.view.frame = self.view.bounds; //让vc成为主视图控制器的子控制器 [self addchildviewcontroller:vc]; //主视图展示tableview [self.mainv addsubview:vc.view]; } |
为了在xxmainviewcontroller中只能访问mainv而不能修改他的值，所以将子控件的view暴露在viewcontroller.h中，并添加read-only
|
1
2
3
4
5
6
7
|
#import <uikit/uikit.h> @interface viewcontroller : uiviewcontroller@property(nonatomic, weak, readonly) uiview *mainv;@property(nonatomic, weak, readonly) uiview *leftv;@property(nonatomic, weak, readonly) uiview *rightv;@end |
运行效果图：
以上就是本文的全部内容，希望对大家学习ios程序设计有所帮助。
