iOS實現簡易的抽屜效果
本文實例為大傢分享瞭iOS實現簡易的抽屜效果的具體代碼,供大傢參考,具體內容如下
1.添加需要實現抽屜效果的三個視圖,這裡需要註意主視圖需要放在最後添加
// 左邊視圖 ... // 右邊視圖 ... // 主視圖 UIView *mainView=[[UIView alloc]initWithFrame:self.view.bounds]; mainView.backgroundColor=[UIColor greenColor]; _mainView=mainView; [self.view addSubview:mainView];
2.實現左滑顯示左邊視圖,右滑出現右邊視圖
添加平移手勢和點擊手勢,實現左右滑動的監聽和點擊復位的效果
// 添加平移手勢 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,實現動畫效果
- 首先通過
translationInView:
方法獲取偏移量,通過偏移量的正負確定拖動的方向 - 當手指松開後需要根據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 // 根據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.如何讓其他文件也能實現抽屜效果
- 首先拖入文件,然後新建一個新的ViewController,讓其繼承自我們導入的文件
@interface ViewController :AZDrawerController
- 新建要實現抽屜效果的界面,添加其視圖至我們的mainView中,並且讓其控制器也成為界面控制器的子控件,讓控制器單獨的管理
// 當一個控制器的View添加到另一個控制器的View上的時候,那此時View所在的控制器也應該成為上一個控制器的子控制器. AZTableViewController *vc1=[[AZTableViewController alloc]init]; vc1.view.frame=self.mainView.bounds; [self.mainView addSubview:vc1.view]; [self addChildViewController:vc1];
以上就是本文的全部內容,希望對大傢的學習有所幫助,也希望大傢多多支持WalkonNet。
推薦閱讀:
- iOS實現貝塞爾曲線動畫
- iOS閱讀器與直播的控件重疊滑動交互詳解
- iOS開發創建frame實現window窗口view視圖示例
- Swift仿微信語音通話最小化時後的效果實例代碼
- iOS鍵盤彈出遮擋輸入框的解決方法