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

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

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

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

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

IOS实现弹出菜单效果MenuViewController(背景 景深 弹出菜单)_第1张图片


实现方式:将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!

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


你可能感兴趣的:(IOS实现弹出菜单效果MenuViewController(背景 景深 弹出菜单))