這篇文章主要介紹iOS如何實(shí)現(xiàn)模仿QQ側(cè)邊欄，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站是專業(yè)的老邊網(wǎng)站建設(shè)公司，老邊接單;提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行老邊網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

分析：QQ側(cè)邊欄都用了哪些手勢(shì)，有哪些效果？

• QQ的主頁(yè)是個(gè)UITabbarController，暫且稱為MainVc左側(cè)邊緣添加的手勢(shì)為邊緣手勢(shì)UIScreenEdgePanGestureRecognizer

• 當(dāng)邊緣手勢(shì)滑動(dòng)到屏幕中間時(shí)判斷MainVc移動(dòng)的距離超過(guò)屏幕中間，超過(guò)就顯示側(cè)邊欄，沒(méi)超過(guò)會(huì)自動(dòng)歸位。

• MainVc移動(dòng)的時(shí)候會(huì)有一層黑色的遮罩，遮罩的透明度和MainVc移動(dòng)的距離有關(guān)。

• 當(dāng)側(cè)邊欄出現(xiàn)的時(shí)候，此時(shí)MainVc添加的手勢(shì)更換為平移手勢(shì)UIPanGestureRecognizer。判斷MainVc移動(dòng)的距離和第二步一樣。

• 添加的手勢(shì)和系統(tǒng)的邊緣手勢(shì)沖突如何處理。

• 當(dāng)側(cè)邊欄隱藏的時(shí)候，給MainVc一個(gè)很大的速度，會(huì)立即顯示側(cè)邊欄。當(dāng)側(cè)邊欄出現(xiàn)的時(shí)候，給側(cè)邊欄一個(gè)很大的速度，會(huì)立即顯示MainVc。

層級(jí)關(guān)系如上圖：MainVc 在側(cè)邊欄 上面，只需要添加手勢(shì)來(lái)控制側(cè)邊欄的顯示與隱藏即可。

代碼

 [self addChildViewController:self.leftVc];
 [self addChildViewController:self.mainVc];  
 [self.mainVc didMoveToParentViewController:self];  
 [self.leftVc didMoveToParentViewController:self];
//添加屏幕邊緣平移手勢(shì)
 [self.mainVc.view addGestureRecognizer:self.pan1];  
 //添加平移手勢(shì)
 [self.mainVc.view addGestureRecognizer:self.pan2];  
 //添加點(diǎn)擊手勢(shì)
 [self.mainVc.view addGestureRecognizer:self.tap];

關(guān)于手勢(shì)的處理，模擬一個(gè)側(cè)滑的臨界速度，姑且定位1000.

#pragma mark---手勢(shì)處理
-(void)screenGesture:(UIPanGestureRecognizer *)pan{
 //移動(dòng)的距離
 CGPoint point = [pan translationInView:pan.view];
 //移動(dòng)的速度
 CGPoint verPoint = [pan velocityInView:pan.view];
 self.mainVc.view.lx_x += point.x;
 //邊界限定
 if (self.mainVc.view.lx_x >= MAXLEFTSLIDEWIDTH) {
  self.mainVc.view.lx_x = MAXLEFTSLIDEWIDTH;
 }
 if (self.mainVc.view.lx_x <= 0) {
  self.mainVc.view.lx_x = 0;
 }
 //蒙版的陰影限定
 self.maskView.alpha = self.mainVc.view.lx_x /MAXLEFTSLIDEWIDTH;
 if (pan.state == UIGestureRecognizerStateEnded) {
  //判斷手勢(shì)
  if (pan == self.pan1) {
   if (verPoint.x > MAXSPEED) {
     [self showLeftVc];
   }else{
    if (self.mainVc.view.lx_x >= Device_Width/2) {
     [self showLeftVc];
      
    }else{
      
     [self hideLeftVc]; 
    }
   }
  }else{
   if (verPoint.x < - MAXSPEED) {
     
    [self hideLeftVc];
   }else{
    if (self.mainVc.view.lx_x >= Device_Width/2) {     
     [self showLeftVc];
      
    }else{
      
     [self hideLeftVc];     
    }
   }
  }     
 }  
 [pan setTranslation:CGPointZero inView:pan.view];
}

關(guān)于添加的手勢(shì)和系統(tǒng)的邊緣手勢(shì)沖突的問(wèn)題，解決如下:

在子類化UINavigationController

- (void)viewDidLoad {
 [super viewDidLoad];
 // Do any additional setup after loading the view.
 self.navigationBar.translucent = YES;
 self.navigationBar.barTintColor = LXMainColor;
 self.interactivePopGestureRecognizer.delegate = self;
}
#pragma mark--防止與添加到tabbar的手勢(shì)沖突--
-(BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer{
 if (self.childViewControllers.count <= 1) {
  return NO;
 }
 return YES;
}

發(fā)現(xiàn)QQ的二級(jí)頁(yè)面添加了全屏手勢(shì)，所以也把UINavigationController+FDFullscreenPopGesture.h添加了進(jìn)去，發(fā)現(xiàn)原來(lái)沖突的手勢(shì)也不沖突了。

效果圖：

以上是“iOS如何實(shí)現(xiàn)模仿QQ側(cè)邊欄”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站chinadenli.net，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

分享文章：iOS如何實(shí)現(xiàn)模仿QQ側(cè)邊欄-創(chuàng)新互聯(lián)
瀏覽地址：http://chinadenli.net/article40/doodho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、響應(yīng)式網(wǎng)站、網(wǎng)站內(nèi)鏈、微信小程序、外貿(mào)建站、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)