iOS實(shí)現(xiàn)簡(jiǎn)易的抽屜效果
本文實(shí)例為大家分享了iOS實(shí)現(xiàn)簡(jiǎn)易的抽屜效果的具體代碼,供大家參考,具體內(nèi)容如下
1.添加需要實(shí)現(xiàn)抽屜效果的三個(gè)視圖,這里需要注意主視圖需要放在最后添加
// 左邊視圖 ?... // 右邊視圖 ? ... // 主視圖 ? ? UIView *mainView=[[UIView alloc]initWithFrame:self.view.bounds]; ? ? mainView.backgroundColor=[UIColor greenColor]; ? ? _mainView=mainView; ? ? [self.view addSubview:mainView];
2.實(shí)現(xiàn)左滑顯示左邊視圖,右滑出現(xiàn)右邊視圖
添加平移手勢(shì)和點(diǎn)擊手勢(shì),實(shí)現(xiàn)左右滑動(dòng)的監(jiān)聽(tīng)和點(diǎn)擊復(fù)位的效果
// 添加平移手勢(shì) ? ? UIPanGestureRecognizer *panGes=[[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(panGes:)]; ? ? [self.mainView addGestureRecognizer:panGes]; ? ? // 添加點(diǎn)擊返回手勢(shì) ? ? UITapGestureRecognizer *tapGes=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tap)]; ? ? [self.view addGestureRecognizer:tapGes];
在平移手勢(shì)調(diào)用的方法中,通過(guò)偏移量來(lái)確定mainView的frame,實(shí)現(xiàn)動(dòng)畫效果
- 首先通過(guò)
translationInView:
方法獲取偏移量,通過(guò)偏移量的正負(fù)確定拖動(dòng)的方向 - 當(dāng)手指松開(kāi)后需要根據(jù)mainView的x值確定其視圖是定位到原始位置還是其縮放的位置
- 要其視圖由當(dāng)前點(diǎn)位移到目標(biāo)位置,可以通過(guò)當(dāng)前點(diǎn)到目標(biāo)點(diǎn)的位移,然后調(diào)用
frameWithOffsetX:
方法獲得mainView的frame
#define targetR 300 #define targetL -300 - (void)panGes:(UIPanGestureRecognizer *)panGes { ? ? // 獲取偏移量 ? ? CGPoint tranP=[panGes translationInView:self.mainView]; ? ? // 獲得位移后的視圖 ? ? self.mainView.frame=[self frameWithOffsetX:tranP.x]; ? ? // 判斷拖動(dòng)方向 ? ? if (self.mainView.frame.origin.x<0) {//向左 ? ? ? ? self.rightView.hidden=NO; ? ? }else if(self.mainView.frame.origin.x>0) ? ? {// 向右 ? ? ? ? self.rightView.hidden=YES; ? ? } ? ? // 當(dāng)手指松開(kāi)時(shí),做自動(dòng)定位 ? ? CGFloat target=0; ? ? if (panGes.state==UIGestureRecognizerStateEnded) { ? ? ? ? if (self.mainView.frame.origin.x>0.5*screenW) { ? ? ? ? ? ? target=targetR; ? ? ? ? }else if(CGRectGetMaxX(self.mainView.frame)<0.5*screenW) ? ? ? ? { ? ? ? ? ? ? target=targetL; ? ? ? ? } ? ? ? ? //offset為當(dāng)前點(diǎn)到其目標(biāo)點(diǎn)的位移 ? ? ? ? CGFloat offset=target-self.mainView.frame.origin.x; ? ? ? ? [UIView animateWithDuration:0.5 animations:^{ ? ? ? ? ? ? self.mainView.frame=[self frameWithOffsetX:offset]; ? ? ? ? }]; ? ? } ? ? // 復(fù)位 ? ? [panGes setTranslation:CGPointZero inView:self.mainView]; }
#define maxY 120 // 根據(jù)mainView在X軸方向位移確定mainView的尺寸 - (CGRect)frameWithOffsetX:(CGFloat)offsetX { ? ? CGRect frame=self.mainView.frame; ? ? frame.origin.x+=offsetX; ? ? frame.origin.y=fabs(frame.origin.x / screenW * maxY); ? ? frame.size.height=screenH - frame.origin.y * 2; ? ? return frame; }
3.如何讓其他文件也能實(shí)現(xiàn)抽屜效果
- 首先拖入文件,然后新建一個(gè)新的ViewController,讓其繼承自我們導(dǎo)入的文件
@interface ViewController :AZDrawerController
- 新建要實(shí)現(xiàn)抽屜效果的界面,添加其視圖至我們的mainView中,并且讓其控制器也成為界面控制器的子控件,讓控制器單獨(dú)的管理
// 當(dāng)一個(gè)控制器的View添加到另一個(gè)控制器的View上的時(shí)候,那此時(shí)View所在的控制器也應(yīng)該成為上一個(gè)控制器的子控制器. ? ? AZTableViewController *vc1=[[AZTableViewController alloc]init]; ? ? vc1.view.frame=self.mainView.bounds; ? ? [self.mainView addSubview:vc1.view]; ? ? [self addChildViewController:vc1];
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- iOS開(kāi)發(fā)之路--仿網(wǎng)易抽屜效果
- IOS中MMDrawerController第三方抽屜效果的基本使用示例
- iOS實(shí)現(xiàn)簡(jiǎn)單的抽屜效果
- iOS實(shí)現(xiàn)側(cè)拉欄抽屜效果
- IOS中Swift仿QQ最新版抽屜側(cè)滑和彈框視圖
- iOS實(shí)現(xiàn)左右拖動(dòng)抽屜效果
- IOS實(shí)現(xiàn)點(diǎn)擊滑動(dòng)抽屜效果
- ios仿側(cè)邊抽屜效果實(shí)現(xiàn)代碼
- iOS實(shí)現(xiàn)簡(jiǎn)單抽屜效果
- iOS實(shí)現(xiàn)簡(jiǎn)易抽屜效果、雙邊抽屜效果
相關(guān)文章
IOS開(kāi)發(fā)實(shí)現(xiàn)錄音功能
本文給大家分享的是一個(gè)IOS開(kāi)發(fā)中實(shí)現(xiàn)錄音功能的實(shí)例,并簡(jiǎn)單給大家解析一下,有需要的小伙伴可以參考下2016-03-03僅需幾行代碼實(shí)現(xiàn)方便易用的狀態(tài)欄指示器
本文通過(guò)僅僅數(shù)行代碼實(shí)現(xiàn)了非常方便易用的狀態(tài)欄指示器,比如微博項(xiàng)目的微博數(shù)提醒框,需要的朋友可以參考下2015-08-08iOS正則表達(dá)式驗(yàn)證手機(jī)號(hào)、郵箱、身份證號(hào)等
這篇文章主要介紹了iOS正則表達(dá)式驗(yàn)證手機(jī)號(hào)、郵箱、身份證號(hào)等信息,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12iOS開(kāi)發(fā)系列--通知與消息機(jī)制詳解
這篇文章主要介紹了iOS開(kāi)發(fā)系列--通知與消息機(jī)制詳解,有需要的同學(xué)可以了解一下。2016-11-11ios獲取數(shù)據(jù)之encodeURI和decodeURI的實(shí)例
下面小編就為大家?guī)?lái)一篇ios獲取數(shù)據(jù)之encodeURI和decodeURI的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11