IOS MenuViewController實現(xiàn)彈出菜單效果
在寫項目時,要實現(xiàn)一個從下移上來的一個彈出菜單,并且背景變深的這么一個效果,在此分享給大家。
主要說一下思路及一些核心代碼貼出來,要想下載源碼,請點擊下載:MenuViewController
一個簡單,效果好,比較實用的菜單彈出效果的實現(xiàn),效果圖:

實現(xiàn)方式:將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開發(fā) widget構建詳解及實現(xiàn)代碼
這篇文章主要介紹了iOS開發(fā) widget構建詳解的相關資料,并附實例代碼,需要的朋友可以參考下2016-11-11
iOS中UIScrollerView的用法及基于AotoLayout的控件懸停
這篇文章主要介紹了iOS中UIScrollerView的用法及基于AotoLayout的控件懸停,文中對于UIScrollerView的方法及屬性介紹地非常詳細,十分推薦,示例代碼為Objective-C,需要的朋友可以參考下2016-03-03

