IOS MenuViewController實(shí)現(xiàn)彈出菜單效果
在寫(xiě)項(xiàng)目時(shí),要實(shí)現(xiàn)一個(gè)從下移上來(lái)的一個(gè)彈出菜單,并且背景變深的這么一個(gè)效果,在此分享給大家。
主要說(shuō)一下思路及一些核心代碼貼出來(lái),要想下載源碼,請(qǐng)點(diǎn)擊下載:MenuViewController
一個(gè)簡(jiǎn)單,效果好,比較實(shí)用的菜單彈出效果的實(shí)現(xiàn),效果圖:
實(shí)現(xiàn)方式:將self.view當(dāng)前頁(yè)面縮小,在當(dāng)前頁(yè)的上面添加一個(gè)菜單的view,即在self.view.superview添加。
//顯示 - (void) show:(UIView*)parent { parentView = parent; //先隱藏backView,table backView.alpha = 0; _table.alpha = 0; //移動(dòng)table [_table setTransform:CGAffineTransformMakeTranslation(0, _table.frame.size.height)]; //父窗口添加本view,---這個(gè)會(huì)調(diào)用viewDidLoad [parentView.superview addSubview:self.view]; //添加動(dòng)畫(huà),添加到父窗口中,使之從下移動(dòng)上 [UIView animateWithDuration:0.3 animations:^{ //父窗口縮小 CGAffineTransform t = CGAffineTransformMakeScale(0.9, 0.9); [parentView setTransform:t]; //顯示backview,table backView.alpha = 1; _table.alpha = 1; //移動(dòng)table,CGAffineTransformIdentity還原原始坐標(biāo) [_table setTransform:CGAffineTransformIdentity]; } completion:^(BOOL finished) { }]; } //隱藏 - (void) hide { //添加動(dòng)畫(huà),添加到父窗口中,使之從下移動(dòng)上 [UIView animateWithDuration:0.3 animations:^{ //父窗口還原 CGAffineTransform t = CGAffineTransformIdentity; [parentView setTransform:t]; //顯示backview,table backView.alpha = 0; _table.alpha = 0; //移動(dòng)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]; }
這個(gè)菜單你可以任意自定義,我這里是一個(gè)tableView,你可以寫(xiě)一些有圖和文字的添加上去。只需要把源代碼稍改,就ok!
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
iOS之基于FreeStreamer的簡(jiǎn)單音樂(lè)播放器示例
這篇文章主要介紹了iOS之基于FreeStreamer的簡(jiǎn)單音樂(lè)播放器示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11Xcode 9下適配iPhoneX導(dǎo)致iOS 10不兼容問(wèn)題的解決方法
這篇文章主要給大家介紹了關(guān)于Xcode 9下適配iPhoneX導(dǎo)致iOS 10不兼容問(wèn)題的解決方法,文中通過(guò)圖文介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-04-04iOS中的實(shí)時(shí)遠(yuǎn)程配置全紀(jì)錄
這篇文章主要給大家介紹了關(guān)于iOS中實(shí)時(shí)遠(yuǎn)程配置的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)各位iOS開(kāi)發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01iOS開(kāi)發(fā)實(shí)戰(zhàn)之Label全方位對(duì)齊的輕松實(shí)現(xiàn)
這篇文章主要給大家介紹了關(guān)于iOS開(kāi)發(fā)實(shí)戰(zhàn)之輕松實(shí)現(xiàn)Label全方位對(duì)齊的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-10-10OpenCV??iOS?圖像處理編程入門(mén)詳細(xì)教程
這篇文章主要介紹了OpenCV?iOS?圖像處理編程入門(mén),OpenCV?的應(yīng)用領(lǐng)域非常廣泛,包括圖像拼接、圖像降噪、產(chǎn)品質(zhì)檢、人機(jī)交互、人臉識(shí)別、動(dòng)作識(shí)別、動(dòng)作跟蹤、無(wú)人駕駛等,對(duì)于圖像處理、人機(jī)交互及機(jī)器學(xué)習(xí)算法感興趣的可以選擇一個(gè)方向進(jìn)行深入的研究2022-07-07IOS NSUserDefault 記住用戶(hù)名及密碼功能的實(shí)例代碼
這篇文章主要介紹了IOS NSUserDefault 記住用戶(hù)名及密碼功能的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-09-09IOS在SwiftUI中顯示模態(tài)視圖的實(shí)例代碼
這篇文章主要介紹了IOS在SwiftUI中顯示模態(tài)視圖的實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-02