Question

我正在尝试在表格视图中实现分页。因此，当从服务器获取数据时，我希望每个请求获取10个数据。

因此，第一次用户打开视图时，它将获取10个数据，当用户滚动到第10行后，它将发送请求以获取第11至第20个数据。

，但是在获取了第11-20个数据并重新加载表格视图后，表格视图似乎向下拖动，并显示了最后一行（即第20行）。

我要在第10行之后->获取数据->显示表格视图的第11行

因此可以提供流畅的滚动效果和良好的用户体验

这是我使用的简化代码。预先感谢

    let numberOfDocumentsPerQuery = 5
    var fetchingMore = false
    var recommendedEventList = [EventKM]()
    var lastDocumentFromQuery : QueryDocumentSnapshot?

    extension HomeVC : UITableViewDelegate, UITableViewDataSource {
        //MARK: - Table View Methods

        func numberOfSections(in tableView: UITableView) -> Int {
            return 1
        }

        func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
            return recommendedEventList.count
        }

        func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
            let cell = tableView.dequeueReusableCell(withIdentifier: "HomeCell", for: indexPath) as! HomeCell
            cell.eventData = recommendedEventList[indexPath.row]
            return cell
        }


        func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {

            // to fetch more events if it comes to the bottom of table view

            let currentOffset = scrollView.contentOffset.y
            let maximumOffset = scrollView.contentSize.height - scrollView.frame.size.height

            if maximumOffset - currentOffset <= 10.0 {
                if !fetchingMore {
                    getRecommendedEvents()
                }
            }
        }

        func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
            performSegue(withIdentifier: "toEventDetailVC", sender: nil)
        }

    }

 func getRecommendedEventsFromBeginning() {

        EventKM.observeRecommendedEvents (

        selectedCity: selectedCity,
        limit: numberOfDocumentsPerQuery) { (recommendedList, listener, lastDocument) in

            if let events = recommendedList {
                self.recommendedEventList = events
                self.tableView.reloadData()

                self.lastDocumentFromQuery = lastDocument
                self.recommendedListener = listener
                self.fetchingMore = false

            } else {
                self.fetchingMore = true // to stop fetching data
            }


        }

    }

Answer 1

您可以拥有一个属性来记录滚动到的行。
var rowForScroll = 1

每次加载数据时，添加rowForScroll

rowForScroll = rowForScroll + 10
let ip = NSIndexPath(forRow: rowForScroll, inSection: 0)
self.tableView.scrollToRowAtIndexPath(ip, atScrollPosition: .bottom, animated: true)

Answer 2

// Add your custom object.
recommendedEventList.add(customObject)

let numberOfRowsBeforeAPIRequest = tableView.numberOfRows(inSection: section)
let indexPath:IndexPath = IndexPath(row:(recommendedEventList.count - 1), section:0)
tableView.insertRows(at:[indexPath], with: .none)

// Do Validate if the actual indexpath exists or not, else will crash.
let ip = NSIndexPath(forRow: numberOfRowsBeforeAPIRequest + 1, inSection: 0)

tableView.scrollToRowAtIndexPath(ip, atScrollPosition: .bottom, animated: true)

只需将我想做的事情放在上面。

在重新加载之前节省行数。
在该部分的最后一行之后添加新行。
然后在表格视图中向下滚动1行。

快速重新加载数据后如何使表格视图显示特定行？

2 个答案: