在写项目时，要实现一个从下移上来的一个弹出菜单，并且背景变深的这么一个效果，在此分享给大家。
主要说一下思路及一些核心代码贴出来，要想下载源码，请点击下载：menuviewcontroller
一个简单，效果好，比较实用的菜单弹出效果的实现，效果图：
实现方式：将self.view当前页面缩小，在当前页的上面添加一个菜单的view，即在self.view.superview添加。
|
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
|
//显示 - (void) show:(uiview*)parent { parentview = parent; //先隐藏backview,table backview.alpha = 0; _table.alpha = 0; //移动table [_table settransform:cgaffinetransformmaketranslation(0, _table.frame.size.height)]; //父窗口添加本view，---这个会调用viewdidload [parentview.superview addsubview:self.view]; //添加动画，添加到父窗口中，使之从下移动上 [uiview animatewithduration:0.3 animations:^{ //父窗口缩小 cgaffinetransform t = cgaffinetransformmakescale(0.9, 0.9); [parentview settransform:t]; //显示backview,table backview.alpha = 1; _table.alpha = 1; //移动table,cgaffinetransformidentity还原原始坐标 [_table settransform:cgaffinetransformidentity]; } completion:^(bool finished) { }]; } //隐藏 - (void) hide { //添加动画，添加到父窗口中，使之从下移动上 [uiview animatewithduration:0.3 animations:^{ //父窗口还原 cgaffinetransform t = cgaffinetransformidentity; [parentview settransform:t]; //显示backview,table backview.alpha = 0; _table.alpha = 0; //移动table [_table settransform:cgaffinetransformmaketranslation(0, _table.frame.size.height)]; } completion:^(bool finished) { [self.view removefromsuperview]; }]; } - (void)viewdidload { [super viewdidload]; self.view.backgroundcolor = [uicolor clearcolor]; //背影黑罩 backview = [[uiview alloc]initwithframe:self.view.bounds]; backview.backgroundcolor = [uicolor colorwithred:0 green:0 blue:0 alpha:0.3]; [self.view addsubview:backview]; //算出table的cgrect cgrect rect = self.view.bounds; int height = _titlearray.count * 44; rect.origin.y = rect.size.height - height; rect.size.height = height; _table = [[uitableview alloc]initwithframe:rect]; _table.delegate = self; _table.datasource = self; [self.view addsubview:_table]; } |
这个菜单你可以任意自定义，我这里是一个tableview，你可以写一些有图和文字的添加上去。只需要把源代码稍改，就ok！
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
原文链接：http://252190908.iteye.com/blog/1994807
