IOS MenuViewController实现弹出菜单效果
作者:252190908
这篇文章主要介绍了IOS MenuViewController实现弹出菜单效果,实现一个从下移动上来的弹出菜单,背景逐渐变深,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
在写项目时,要实现一个从下移上来的一个弹出菜单,并且背景变深的这么一个效果,在此分享给大家。
主要说一下思路及一些核心代码贴出来,要想下载源码,请点击下载: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!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。