IOS实现弹出菜单效果MenuViewController(背景 景深 弹出菜单)

在写项目时,要实现一个从下移上来的一个弹出菜单,并且背景变深的这么一个效果,在此分享给大家。

主要说一下思路及一些核心代码贴出来,要想下载源码,

请到:http://download.csdn.net/download/rhljiayou/6280989

一个简单,效果好,比较实用的菜单弹出效果的实现,效果图:

实现方式:将self.view当前页面缩小,在当前页的上面添加一个菜单的view,即在self.view.superview添加。

[cpp] view plaincopy

  1. //显示
  2. - (void) show:(UIView*)parent
  3. {
  4. parentView = parent;
  5. //先隐藏backView,table
  6. backView.alpha = 0;
  7. _table.alpha = 0;
  8. //移动table
  9. [_table setTransform:CGAffineTransformMakeTranslation(0, _table.frame.size.height)];
  10. //父窗口添加本view,---这个会调用viewDidLoad
  11. [parentView.superview addSubview:self.view];
  12. //添加动画,添加到父窗口中,使之从下移动上
  13. [UIView animateWithDuration:0.3 animations:^{
  14. //父窗口缩小
  15. CGAffineTransform t = CGAffineTransformMakeScale(0.9, 0.9);
  16. [parentView setTransform:t];
  17. //显示backview,table
  18. backView.alpha = 1;
  19. _table.alpha = 1;
  20. //移动table,CGAffineTransformIdentity还原原始坐标
  21. [_table setTransform:CGAffineTransformIdentity];
  22. } completion:^(BOOL finished) {
  23. }];
  24. }
  25. //隐藏
  26. - (void) hide
  27. {
  28. //添加动画,添加到父窗口中,使之从下移动上
  29. [UIView animateWithDuration:0.3 animations:^{
  30. //父窗口还原
  31. CGAffineTransform t = CGAffineTransformIdentity;
  32. [parentView setTransform:t];
  33. //显示backview,table
  34. backView.alpha = 0;
  35. _table.alpha = 0;
  36. //移动table
  37. [_table setTransform:CGAffineTransformMakeTranslation(0, _table.frame.size.height)];
  38. } completion:^(BOOL finished) {
  39. [self.view removeFromSuperview];
  40. }];
  41. }
  42. - (void)viewDidLoad
  43. {
  44. [super viewDidLoad];
  45. self.view.backgroundColor = [UIColor clearColor];
  46. //背影黑罩
  47. backView = [[UIView alloc]initWithFrame:self.view.bounds];
  48. backView.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.3];
  49. [self.view addSubview:backView];
  50. //算出table的CGRect
  51. CGRect rect = self.view.bounds;
  52. int height = _titleArray.count * 44;
  53. rect.origin.y = rect.size.height - height;
  54. rect.size.height = height;
  55. _table = [[UITableView alloc]initWithFrame:rect];
  56. _table.delegate = self;
  57. _table.dataSource = self;
  58. [self.view addSubview:_table];
  59. }

转载地址 : http://blog.csdn.net/rhljiayou/article/details/11768963

这个菜单你可以任意自定义,我这里是一个tableView,你可以写一些有图和文字的添加上去。只需要把源代码稍改,就ok!

时间: 2024-10-13 11:33:34

IOS实现弹出菜单效果MenuViewController(背景 景深 弹出菜单)的相关文章

点击弹出动态菜单效果ios源码

这是一个点击弹出动态菜单效果,源码SphereMenuSwift,SphereMenuSwift使用 UIDynamicAnimator做的动态菜单.点击按钮弹出菜单.菜单可以拖拽.模拟碰撞物理效果,这是用Swift写的项目.效果图: <ignore_js_op> 使用方法: 代码的实现: override func viewDidAppear(animated: Bool) {         super.viewDidAppear(animated)         self.view.b

iOS开发项目篇—14点击标题按钮弹出菜单

iOS开发项目篇—14点击标题按钮弹出菜单 一.简单说明 (1)简单实现 点击标题按钮弹框,在箭头向上的时候,显示标题菜单 把ImageView添加到谁的身上?三角形的箭头在导航栏上,因此不能添加到tableview上. 分析图示: 有两个两种方法可以考虑: (1)添加到导航控制器上,因为导航栏是在导航控制器上的. (2)不用考虑控制器,直接添加到窗口上. 拿到窗口 (1)self.view.window这个属性谨慎使用,当开始加载的时候,为空 (2)获取主窗口  [UIApplication

点击弹出弹性下拉菜单效果

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" /><meta name="

【转】swift实现ios类似微信输入框跟随键盘弹出的效果

swift实现ios类似微信输入框跟随键盘弹出的效果 为什么要做这个效果 在聊天app,例如微信中,你会注意到一个效果,就是在你点击输入框时输入框会跟随键盘一起向上弹出,当你点击其他地方时,输入框又会跟随键盘一起向下收回,二者完全无缝连接,那么这是怎么实现的呢,也许你会说直接在键盘弹出的时候把输入框也向上移动不就行了?但是我使用这种方法的时候,发现效果十分不理想,会有明显的滞后现象,原因有以下几点: 键盘弹出动画并不是匀速,键盘和输入框的时间曲线不完全一致,运动不同步 各种键盘的高度不一样(比如

Android-实现底部弹出PopupWindow并让背景逐渐变暗

Android-实现底部弹出PopupWindow并让背景逐渐变暗 在android开发中,经常需要通过点击某个按钮弹出对话框或者选择框,通过Dialog或者PopupMenu.PopupWindow都能实现. 这里主要介绍后两者:PopupMenu.PopupWindow的实现. 先看两个效果图左边PopupMenu,右边PopupWindow: Android-实现底部弹出PopupWindow并让背景逐渐变暗 一PopupMenu实现 二PopupWindow实现 一.PopupMenu实

iOS 微信右上角下拉菜单效果之CMPopTipView,各种角度各种位置

早之前在项目中写了一个类似微信右上角下拉的菜单封装,但是是写死的,当时根本 没有考虑到去其他地方弹出这个东西,虽然看起来弹个窗出来很简单,但是你位子不确 定之后弹出来是有点麻烦的,反正我总是觉得,我们能想到的,老外早就想到了,多给自己弄点工具库,多看看源码,指不定哪天我也搞出一个库来,世界 上有项目经理这种东西,那就没有什么需求是不可能的,各位手头上多准备点工具还是非常有必要的. 先看图: 需求是这样的,点击分类的按钮,竟然不Push到另一个VC去,非要弹个窗出来 但是像我这样的读书人这么有素质

iphone弹出窗口效果的制作(Core animation, CALayer)

效果类似人人网微薄客户端的弹出效果 static CGFloat kTransitionDuration = 0.3; - (void)initView { UIWindow *window = [UIApplication sharedApplication].keyWindow; if (!window) { window = [[UIApplication sharedApplication].windows objectAtIndex:0]; } _backgroundView = [[

实现ios常见菜单效果的思路

目前见过的实现边侧菜单的效果,比较流行的有以下三种:(效果图) 1.菜单栏覆盖在部分主视图上 附上实现该效果的一个不错的源码地址: http://code4app.com/ios/RNFrostedSidebar/524399706803fa3c33000001 (1)最开始要实现这个效果,我想最简单的方式就是:添加UIView,加上一个self.view大小的子视图,菜单列表以外的区域设为透明灰色.后来发现,如果当前的控制器有显示导航栏或者工具栏,这个子视图就无法遮盖住导航栏或者工具栏上面的按

移动端页面弹出对话框效果Demo

核心思路:设置一个隐藏的(display:none;).背景偏暗的div及其子div作为对话框.当点击某处时,将此div设置为显示. 核心代码例如以下(部分js代码用于动态调整div内容的行高.这部分代码能够忽略): <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css&quo