91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

iOS如何實現模仿QQ側邊欄

發布時間:2021-07-08 14:35:35 來源:億速云 閱讀:131 作者:小新 欄目:移動開發

這篇文章主要介紹iOS如何實現模仿QQ側邊欄,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

分析:QQ側邊欄都用了哪些手勢,有哪些效果?

  • QQ的主頁是個UITabbarController,暫且稱為MainVc左側邊緣添加的手勢為邊緣手勢UIScreenEdgePanGestureRecognizer

  • 當邊緣手勢滑動到屏幕中間時判斷MainVc移動的距離超過屏幕中間,超過就顯示側邊欄,沒超過會自動歸位。

  • MainVc移動的時候會有一層黑色的遮罩,遮罩的透明度和MainVc移動的距離有關。

  • 當側邊欄出現的時候,此時MainVc添加的手勢更換為平移手勢UIPanGestureRecognizer。判斷MainVc移動的距離和第二步一樣。

  • 添加的手勢和系統的邊緣手勢沖突如何處理。

  • 當側邊欄隱藏的時候,給MainVc一個很大的速度,會立即顯示側邊欄。當側邊欄出現的時候,給側邊欄一個很大的速度,會立即顯示MainVc。

iOS如何實現模仿QQ側邊欄

層級關系如上圖:MainVc 在側邊欄 上面,只需要添加手勢來控制側邊欄的顯示與隱藏即可。

代碼

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

關于手勢的處理,模擬一個側滑的臨界速度,姑且定位1000.

#pragma mark---手勢處理
-(void)screenGesture:(UIPanGestureRecognizer *)pan{
 //移動的距離
 CGPoint point = [pan translationInView:pan.view];
 //移動的速度
 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) {
  //判斷手勢
  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];
}

關于添加的手勢和系統的邊緣手勢沖突的問題,解決如下:

在子類化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的手勢沖突--
-(BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer{
 if (self.childViewControllers.count <= 1) {
  return NO;
 }
 return YES;
}

發現QQ的二級頁面添加了全屏手勢,所以也把UINavigationController+FDFullscreenPopGesture.h添加了進去,發現原來沖突的手勢也不沖突了。

效果圖:

iOS如何實現模仿QQ側邊欄

以上是“iOS如何實現模仿QQ側邊欄”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

ios
AI

昌邑市| 浠水县| 黄龙县| 茌平县| 武冈市| 东阳市| 宁城县| 离岛区| 遵义县| 望奎县| 石阡县| 托克托县| 广河县| 长垣县| 库尔勒市| 郴州市| 加查县| 宁河县| 怀安县| 来安县| 钟山县| 安岳县| 革吉县| 汉源县| 康定县| 荣成市| 霍邱县| 密山市| 台南县| 陕西省| 合肥市| 怀柔区| 刚察县| 饶平县| 西峡县| 同心县| 宁德市| 独山县| 盘山县| 定州市| 铅山县|