首页 > 系统 > iOS > 正文

IOS MenuViewController实现弹出菜单效果

2020-07-26 02:45:34
字体:
来源:转载
供稿:网友

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

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

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

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

//显示 - (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!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表