溫馨提示×

溫馨提示×

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

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

iOS中UIScrollView如何嵌套UITableView

發(fā)布時(shí)間:2021-08-04 13:48:16 來源:億速云 閱讀:182 作者:小新 欄目:移動開發(fā)

這篇文章主要介紹iOS中UIScrollView如何嵌套UITableView,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

效果:

iOS中UIScrollView如何嵌套UITableView

實(shí)現(xiàn)過程

最底部放置的為一個(gè)UIScrollView,設(shè)置ScrollView的contentSize屬性,使可以發(fā)生橫向滾動,同時(shí)隱藏橫向滾動條,設(shè)置代理為當(dāng)前控制器本身。然后,在最底部的UIScrollView上放置2個(gè)UITableView,因?yàn)橹挥?個(gè)所以沒有考慮重用問題,如果數(shù)量大于3個(gè)建議寫下UIScrollView子視圖的重用。最后在最上面覆蓋一個(gè)topView,使得它可以和tableView發(fā)生縱向滾動,為了實(shí)現(xiàn)最上面的topView可以隨著tableView發(fā)生一起滾動,需要在tableView的scrollViewDidScroll代理方法中獲取tableview的contentOffset偏移量,隨便改變topView的frame。

當(dāng)手勢點(diǎn)開始落在從topView上時(shí)候,在controller的loadView方法中設(shè)置自定義view,通過在自定義view中重載hittest方法,判斷是否需要讓tableView進(jìn)行交互。此時(shí)需要注意的是因?yàn)橛凶远x的左右選擇segmentControl,這么設(shè)置的時(shí)候segmentController是不會相應(yīng)點(diǎn)擊方法的。為了讓segmentController可以實(shí)現(xiàn)隨著tableView滾動并且可以相應(yīng)單擊事件,我在在controller的view上添加了單擊手勢,判定是否點(diǎn)擊在了自定義的segmentControll上(因?yàn)閠ableView本身不會相應(yīng)- (void)touchesBegan:(NSSet<UITouch *> )touches withEvent:(UIEvent )event事件,所以也可以自定義一個(gè)tableVuew,重載touchBegin 等方法,然后把tableView繼承自這個(gè)tableView, 這樣就可以相應(yīng)相應(yīng)的touchbegin等方法了), 好了,下面直接上代碼

controller中代碼如下:

#pragma mark - 底部的scrollViuew的代理方法scrollViewDidScroll

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
 CGFloat placeholderOffset = 0;
 if (self.topView.getSelectedItemIndex == 0) {
  if (self.firstTableView.contentOffset.y > self.topView.height - kItemheight) {
   placeholderOffset = self.topView.height - kItemheight;
  }
  else {
   placeholderOffset = self.firstTableView.contentOffset.y;
  }
  [self.secondTableView setContentOffset:CGPointMake(0, placeholderOffset) animated:NO];
 }
 else {
  if (self.secondTableView.contentOffset.y > self.topView.height - kItemheight) {
   placeholderOffset = self.topView.height - kItemheight;
  }
  else {
   placeholderOffset = self.secondTableView.contentOffset.y;
  }
  [self.firstTableView setContentOffset:CGPointMake(0, placeholderOffset) animated:NO];
 }
}
#pragma mark - 底部的scrollViuew的代理方法scrollViewDidEndDecelerating

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{ 
 NSInteger index = ceilf(scrollView.contentOffset.x / kScreen_Width);
 self.topView.selectedItemIndex = index;
}

controller中view的代碼如下

#pragma mark - 重載系統(tǒng)的hitTest方法

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
 ViewController *currentVC = (ViewController *)self.nextResponder;
 currentVC.printPoint = point;
 if ([self.topView pointInside:point withEvent:event]) {
  self.scrollView.scrollEnabled = NO;
  if (self.scrollView.contentOffset.x < kScreen_Width *0.5) {
   return self.firstTableView;
  } else {
   return self.secondTableView;
  }
 } else {
  self.scrollView.scrollEnabled = YES;
  return [super hitTest:point withEvent:event];
 }
}
#pragma mark - 添加手勢的相應(yīng)方法

- (void)tapGestureAction:(UITapGestureRecognizer *)gesture
{
 CGPoint point = [gesture locationInView:self.topView];
 if (CGRectContainsPoint(self.topView.leftBtnFrame, point)) {
  if (self.scrollView.contentOffset.x > 0.5 * kScreen_Width) {
   [self.scrollView setContentOffset:CGPointMake(0, 0) animated:NO];
   self.topView.selectedItemIndex = 0;
  }
 } else if (CGRectContainsPoint(self.topView.rightBtnFrame, point)) {
  if (self.scrollView.contentOffset.x < 0.5 * kScreen_Width) {
   [self.scrollView setContentOffset:CGPointMake(kScreen_Width, 0) animated:NO];
   self.topView.selectedItemIndex = 1;
  }
 }
}
#pragma mark - firstTableView的代理方法scrollViewDidScroll

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
 CGFloat placeHolderHeight = self.topView.height - self.topView.itemHeight;

 CGFloat offsetY = scrollView.contentOffset.y;

 if (offsetY >= 0 && offsetY <= placeHolderHeight) {
  self.topView.y = -offsetY;
 }
 else if (offsetY > placeHolderHeight) {
  self.topView.y = - placeHolderHeight;
 }
 else if (offsetY <0) {
  self.topView.y = - offsetY;
 }
}
#pragma mark - secondTableView的代理方法scrollViewDidScroll

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
 CGFloat placeHolderHeight = self.topView.height - self.topView.itemHeight;
 CGFloat offsetY = scrollView.contentOffset.y;
 if (offsetY >= 0 && offsetY <= placeHolderHeight) {
  self.topView.y = -offsetY;
 } else if (offsetY > placeHolderHeight) {
  self.topView.y = - placeHolderHeight;
 } else if (offsetY <0) {
  self.topView.y = - offsetY;
 }
}

以上是“iOS中UIScrollView如何嵌套UITableView”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI