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

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

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

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

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

实现方式：将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！

在此声明，转载注明地址。

扫描二维码关注公众号，回复： 4933519 查看本文章