43

如何在 a 中进行无限滚动UITableView?我知道如何使用 a 来做到这一点UIScrollView,苹果在其中一个 WWDC 的视频中进行了演示。我尝试执行以下操作tableView:cellForRowAtIndexPath:

if (indexPath.row == [self.newsFeedData_ count] - 1)
{
    [self.newsFeedData_ addObjectsFromArray:self.newsFeedData_];
    [self.tableView reloadData];
}

但这失败了。还有什么想法吗?

4

9 回答 9

56

如果你需要知道什么时候触到了 UITableView 的底部,就成为它的委托(因为它是 UIScrollView 的子类),并使用 -scrollViewDidScroll: 委托方法来比较表格的内容高度和它的实际滚动位置。

编辑(像这样):

- (void)scrollViewDidScroll:(UIScrollView *)scrollView_ 
{   
    CGFloat actualPosition = scrollView_.contentOffset.y;
    CGFloat contentHeight = scrollView_.contentSize.height - (someArbitraryNumber);
    if (actualPosition >= contentHeight) {
        [self.newsFeedData_ addObjectsFromArray:self.newsFeedData_];
        [self.tableView reloadData];
     }
}
于 2012-05-01T21:15:45.430 回答
18

您可以使用以下方法支持无限滚动,通过拉动在顶部刷新和/或在底部使用微调器连续滚动:

https://github.com/samvermette/SVPullToRefresh

SVPullToRefreshUITableView到达底部时处理逻辑。自动显示微调器并触发回调块。您将业务逻辑添加到回调块中。

这是一个例子:

#import "UIScrollView+SVInfiniteScrolling.h"

// ...

[tableView addInfiniteScrollingWithActionHandler:^{
    // append data to data source, insert new cells at the end of table view
    // call [tableView.infiniteScrollingView stopAnimating] when done
}];

该项目可以使用CocoaPods添加到您的项目中,也可以直接编译到您的项目中。

于 2013-03-09T01:02:27.977 回答
17

这是我放在一起的无限滚动 UITableView 的一个非常快速和完整的演示......

@interface InfiniteScrollViewController ()

@property (nonatomic) NSMutableArray *tableViewData;
@property (nonatomic) BOOL loadingMoreTableViewData;

@end

@implementation InfiniteScrollViewController

- (void)viewDidLoad {
    self.tableViewData = [[NSMutableArray alloc] init];
    [self addSomeMoreEntriesToTableView];
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return self.tableViewData.count + 1;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *CellIdentifier = @"Cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
    }

    if (indexPath.row < self.tableViewData.count) {
        cell.textLabel.text = [self.tableViewData objectAtIndex:indexPath.row];
    } else {
        cell.textLabel.text = @"Loading more data...";

        // User has scrolled to the bottom of the list of available data so simulate loading some more if we aren't already
        if (!self.loadingMoreTableViewData) {
            self.loadingMoreTableViewData = YES;
            [self performSelector:@selector(addSomeMoreEntriesToTableView) withObject:nil afterDelay:5.0f];
        }
    }

    return cell;
}

- (void)addSomeMoreEntriesToTableView {
    int loopTill = self.tableViewData.count + 20;
    while (self.tableViewData.count < loopTill) {
        [self.tableViewData addObject:[NSString stringWithFormat:@"%i", self.tableViewData.count]];
    };
    self.loadingMoreTableViewData = NO;
    [self.tableView reloadData];
}

@end
于 2013-02-22T16:03:35.163 回答
12

'UITableView' 与 'scrollViewDidScroll' 方法中的 'UIScrollView' 相同。

因此,它很容易模拟无限滚动。

  1. 将数组加倍,以便将头部和尾部连接在一起以模拟圆桌

  2. 当用户倾向于到达表格的开头或结尾时,使用我的以下代码使用户在双倍表的第一部分和双倍表的第二部分之间切换。

/* To emulate infinite scrolling...

The table data was doubled to join the head and tail: (suppose table had 1,2,3,4)
1 2 3 4|1 2 3 4 (actual data doubled)
---------------
1 2 3 4 5 6 7 8 (visualising joined table in eight parts)

When the user scrolls backwards to 1/8th of the joined table, user is actually at the 1/4th of actual data, so we scroll instantly (we take user) to the 5/8th of the joined table where the cells are exactly the same.

Similarly, when user scrolls to 6/8th of the table, we will scroll back to 2/8th where the cells are same. (I'm using 6/8th when 7/8th sound more logical because 6/8th is good for small tables.)

In simple words, when user reaches 1/4th of the first half of table, we scroll to 1/4th of the second half, when he reaches 2/4th of the second half of table, we scroll to the 2/4 of first half. This is done simply by subtracting OR adding half the length of the new/joined table.
*/


-(void)scrollViewDidScroll:(UIScrollView *)scrollView_ 
{  

    CGFloat currentOffsetX = scrollView_.contentOffset.x;
    CGFloat currentOffSetY = scrollView_.contentOffset.y;
    CGFloat contentHeight = scrollView_.contentSize.height;

    if (currentOffSetY < (contentHeight / 8.0)) {
    scrollView_.contentOffset = CGPointMake(currentOffsetX,(currentOffSetY + (contentHeight/2)));
    }
   if (currentOffSetY > ((contentHeight * 6)/ 8.0)) {
       scrollView_.contentOffset = CGPointMake(currentOffsetX,(currentOffSetY - (contentHeight/2)));
    }

}

PS - 我在我的一个名为 NT Time Table (Lite) 的应用程序中使用了此代码。如果您想要预览,您可以查看应用程序:https ://itunes.apple.com/au/app/nt-time-table-lite/id528213278?mt=8

如果您的表有时可能太短,则可以在上述方法的开头添加一个 if 逻辑以在数据计数例如小于 9 时退出该方法。

于 2012-07-12T04:54:39.453 回答
5

对我来说,scrollViewDidEndDragging:scrollViewDidScroll:效果更好。

第二种方法将在滚动期间向您发送每个位置,并且导致,如果您正在获取远程资源,您将多次访问您的端点,这并不好。

基于@codafi解决方案的完整示例以及来自@danielgomezrico关于如何计算contentHeight的评论:

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView
                  willDecelerate:(BOOL)decelerate {
    CGFloat actualPosition = scrollView.contentOffset.y;
    CGFloat contentHeight = scrollView.contentSize.height - (self.tableView.frame.size.height);
    if (actualPosition >= contentHeight) {
        // fetch resources
        [self.tableView reloadData];
    }
}
于 2015-08-24T22:53:09.330 回答
3

通常我会覆盖scrollViewDidEndDecelerating并在其中放入我的代码以请求更多数据。
例子:

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{

    float endScrolling = scrollView.contentOffset.y + scrollView.frame.size.height;

    if (endScrolling >= scrollView.contentSize.height){
        //put here your code

    }
}

最近我在 GitHub 上上传了一个 UITableView 的子类,它实现了无限滚动。
你可以在这里下载:
https ://github.com/alchimya/iOS-LazyTableView

于 2015-07-16T12:40:42.520 回答
1

我们可以在 layoutSubviews 中优化而不是覆盖。这是我如何实现它的。您可以在此处了解有关实施的更多信息

- (void)layoutSubviews{
[super layoutSubviews];

if(self.delegateForViews){

    CGPoint contentOffset = self.contentOffset;

    if([self.delegateForViews noOfViews]>numOfReusableViews){
        NSUInteger centerIndex=visibleViews.count/2;
        NSUInteger noOfViews=[self.delegateForViews noOfViews];
        UIView *centerView=[visibleViews objectAtIndex:centerIndex];

        CGPoint centerViewOrigin=centerView.frame.origin;
        CGSize centerViewSize=centerView.frame.size;
        CGFloat offsetDifference=contentOffset.x-centerViewOrigin.x;
        CGFloat offsetDifferenceAbs=fabs(contentOffset.x-centerViewOrigin.x);

        if(offsetDifferenceAbs>=centerViewSize.width){

            if(offsetDifference<0){
                currentPosition--;
            }else{
                currentPosition++;
            }

            self.contentOffset=centerViewOrigin;

            currentPosition=[self getPosition:currentPosition noOfViews:noOfViews];

            [self.delegateForViews clearView:centerView];
            [self.delegateForViews setupView:centerView forPosition:currentPosition];

            for (int i=centerIndex-1; i>=0; i--) {
                UIView* prevView=[visibleViews objectAtIndex:i];
                [self.delegateForViews clearView:prevView];
                [self.delegateForViews setupView:prevView forPosition:
                        [self getPosition:currentPosition-1 noOfViews:noOfViews]];
            }

            for (int i=centerIndex+1; i<visibleViews.count; i++) {
                UIView* nextView=[visibleViews objectAtIndex:i];
                [self.delegateForViews clearView:nextView];
                [self.delegateForViews setupView:nextView forPosition:
                        [self getPosition:currentPosition+1 noOfViews:noOfViews]];
            }

        }
    }

}

}
于 2012-11-19T16:56:44.460 回答
0

一个简单的并且为我提供了我需要的一切是这个类:

https://github.com/jakemarsh/JMStatefulTableViewController

您只需要将 JMStatefulTableViewController 子类化,它有 3 个需要覆盖的方法:

  • 在 init 上调用的一个,用于获取初始数据
    • statefulTableViewControllerWillBeginInitialLoading
  • 用户拉动刷新时的一个
    • statefulTableViewControllerWillBeginLoadingFromPullToRefresh
  • 一次调用无限滚动(下一页)
    • statefulTableViewControllerWillBeginLoadingNextPage

这也可以从Cocoapods中使用。

于 2014-01-21T12:20:12.863 回答
0

当您在 tableview 中移动时,scrollviewDidScroll 将调用

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    //check for the visible rows
    let indexpath = self.tableView.indexPathsForVisibleRows?.last
    //check if the visible row last is equal to the total number of counts
    if(indexpath?.last == self.listCount){
      //code for adding data to the tableview and reload the table view.
    }
}

查看链接以获取有关 indexPathForVisibleRows 的更多详细信息 https://developer.apple.com/documentation/uikit/uitableview/1614885-indexpathsforvisiblerows

于 2019-04-16T04:59:57.267 回答