日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無(wú)先后，達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

iOS實(shí)現(xiàn)簡(jiǎn)易的抽屜效果_IOS

作者：azhang_coder ? 更新時(shí)間： 2022-10-02 編程語(yǔ)言

本文實(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];

原文鏈接：https://blog.csdn.net/azhang_coder/article/details/53428581

欄目分類
最近更新