iOS實現(xiàn)簡易的抽屜效果

更新時間：2022年08月08日 10:22:29 作者：azhang_coder

這篇文章主要為大家詳細介紹了iOS實現(xiàn)簡易的抽屜效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了iOS實現(xiàn)簡易的抽屜效果的具體代碼，供大家參考，具體內容如下

1.添加需要實現(xiàn)抽屜效果的三個視圖，這里需要注意主視圖需要放在最后添加

// 左邊視圖
?...
// 右邊視圖
? ...
// 主視圖
? ? UIView *mainView=[[UIView alloc]initWithFrame:self.view.bounds];
? ? mainView.backgroundColor=[UIColor greenColor];
? ? _mainView=mainView;
? ? [self.view addSubview:mainView];

2.實現(xiàn)左滑顯示左邊視圖，右滑出現(xiàn)右邊視圖

添加平移手勢和點擊手勢，實現(xiàn)左右滑動的監(jiān)聽和點擊復位的效果

// 添加平移手勢
? ? UIPanGestureRecognizer *panGes=[[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(panGes:)];
? ? [self.mainView addGestureRecognizer:panGes];
? ? // 添加點擊返回手勢
? ? UITapGestureRecognizer *tapGes=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tap)];
? ? [self.view addGestureRecognizer:tapGes];

在平移手勢調用的方法中，通過偏移量來確定mainView的frame，實現(xiàn)動畫效果

首先通過translationInView:方法獲取偏移量,通過偏移量的正負確定拖動的方向
當手指松開后需要根據(jù)mainView的x值確定其視圖是定位到原始位置還是其縮放的位置
要其視圖由當前點位移到目標位置，可以通過當前點到目標點的位移，然后調用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];
? ? // 判斷拖動方向
? ? if (self.mainView.frame.origin.x<0) {//向左
? ? ? ? self.rightView.hidden=NO;
? ? }else if(self.mainView.frame.origin.x>0)
? ? {// 向右
? ? ? ? self.rightView.hidden=YES;
? ? }
? ? // 當手指松開時，做自動定位
? ? 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為當前點到其目標點的位移
? ? ? ? CGFloat offset=target-self.mainView.frame.origin.x;
? ? ? ? [UIView animateWithDuration:0.5 animations:^{
? ? ? ? ? ? self.mainView.frame=[self frameWithOffsetX:offset];
? ? ? ? }];
? ? }

? ? // 復位
? ? [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.如何讓其他文件也能實現(xiàn)抽屜效果

首先拖入文件，然后新建一個新的ViewController，讓其繼承自我們導入的文件@interface ViewController :AZDrawerController
新建要實現(xiàn)抽屜效果的界面，添加其視圖至我們的mainView中，并且讓其控制器也成為界面控制器的子控件，讓控制器單獨的管理

// 當一個控制器的View添加到另一個控制器的View上的時候,那此時View所在的控制器也應該成為上一個控制器的子控制器.
? ? AZTableViewController *vc1=[[AZTableViewController alloc]init];
? ? vc1.view.frame=self.mainView.bounds;
? ? [self.mainView addSubview:vc1.view];
? ? [self addChildViewController:vc1];

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

iOS
抽屜

iOS開發(fā)-調用系統(tǒng)相機和相冊獲取照片示例
這篇文章主要介紹了iOS開發(fā)-調用系統(tǒng)相機和相冊獲取照片示例的相關資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下。
2017-02-02
iOS如何開發(fā)簡單的手繪應用實例詳解
這篇文章主要給大家介紹了關于iOS如何開發(fā)簡單的手繪應用的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-09-09
iOS實現(xiàn)一個意見反饋類型的輸入欄
這篇文章主要給大家介紹了關于利用iOS實現(xiàn)一個意見反饋類型的輸入欄，通過文中實現(xiàn)的輸入欄會用戶一個很好的體驗效果，文中給了詳細的示例代碼，需要的朋友可以參考借鑒，下面隨著小編來一起學習學習吧。
2017-10-10
tableView上面空出20個像素的解決辦法
在IOS開發(fā)中，有時候會遇到tableView上面多出來20個像素，是什么原因呢？又該如何來解決他呢，今天我們來探討下
2014-09-09
IOS中html5上傳圖片方向問題解決方法
這篇文章主要介紹了IOS中html5上傳圖片方向問題解決方法的相關資料,需要的朋友可以參考下
2016-01-01
替代pod update速度慢的lg_pod_plugin安裝使用詳解
這篇文章主要介紹了替代pod update速度慢lg_pod_plugin安裝使用方式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-09-09
iOS Swift開發(fā)之日歷插件開發(fā)示例
本篇文章主要介紹了iOS Swift開發(fā)之日歷插件開發(fā)示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
Android 在頁面中顯示打包日期的實現(xiàn)方法
下面小編就為大家分享一篇Android 在頁面中顯示打包日期的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
iOS基礎知識之@property 和 Ivar 的區(qū)別
這篇文章主要介紹了iOS基礎知識之@property 和 Ivar 的區(qū)別介紹，非常不錯，具有參考借鑒價值,需要的朋友可以參考下
2016-08-08
iOS中的實時遠程配置全紀錄
這篇文章主要給大家介紹了關于iOS中實時遠程配置的相關資料，文中通過示例代碼介紹的非常詳細，對各位iOS開發(fā)者們具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-01-01