UITableView在插入行后滾動到頂部

Question

我有一個可擴展的UITableView 。 點按各個部分時，它們會隨着動畫（滾動）展開或折疊。 我的問題是，展開或折疊標題時出現奇怪的動畫。 UITableView滾動到頂部，然后轉到被點擊的單元格。 另外，有時沒有展開的單元格時，它不會滾動到頂部，並且UITableView頂部標題和頂部視圖之間有很大的空間。

我的問題是我需要滾動到展開的部分，也要擺脫滾動到頂部的錯誤。

我嘗試了以下解決方案，但對我沒有用： 防止表格視圖在insertRows之后滾動到頂部

它也與下面的問題看起來一樣，但是無法弄清楚如何實現它。 為什么插入或刪除行時UITableView會“跳”？

如何切換選擇：

func toggleSection(header: DistrictTableViewHeader, section: Int) {
    print("Trying to expand and close section...")
    // Close the section first by deleting the rows
    var indexPaths = [IndexPath]()
    for row in self.cities[section].districts.indices {
        print(0, row)
        let indexPath = IndexPath(row: row, section: section)
        indexPaths.append(indexPath)
    }

    let isExpanded = self.cities[section].isExpanded
    if(isExpanded){
        AnalyticsManager.instance.logPageEvent(screenName: analyticsName!, category: "Button", action: Actions.interaction, label: "\(self.cities[section].name) Collapse Click")
    }else{
        AnalyticsManager.instance.logPageEvent(screenName: analyticsName!, category: "Button", action: Actions.interaction, label: "\(self.cities[section].name) Expand Click")
    }
    self.cities[section].isExpanded = !isExpanded

    // This call opens CATransaction context
    CATransaction.begin()
    // This call begins tableView updates (not really needed if you only make one insertion call, or one deletion call, but in this example we do both)
    tableView.beginUpdates()
    if isExpanded {

        tableView.deleteRows(at: indexPaths, with: .automatic)
    } else {
        tableView.insertRows(at: indexPaths, with: .automatic)
    }
    // completionBlock will be called after rows insertion/deletion animation is done
    CATransaction.setCompletionBlock({
        // This call will scroll tableView to the top of the 'section' ('section' should have value of the folded/unfolded section's index)
            if !isExpanded{
                self.tableView.scrollToRow(at: IndexPath(row: NSNotFound, section: section) /* you can pass NSNotFound to scroll to the top of the section even if that section has 0 rows */, at: .top, animated: true)
            }
    })

    if self.scrollToTop(){
        self.tableView.setContentOffset(.zero, animated: true)
    }
    // End table view updates
    tableView.endUpdates()


    // Close CATransaction context
    CATransaction.commit()

}

private func scrollToTop() -> Bool{
    for sec in self.cities{
        if(sec.isExpanded){
            return false
        }
    }
    return true
}

我給里面的牢房高度；

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
return 120
}

我如何聲明標頭；

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

    let header = DistrictTableViewHeader()
    header.isColapsed = !self.cities[section].isExpanded
    header.customInit(title: self.cities[section].name, section: section, delegate: self)
    return header
}
func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 60
}

編輯：此問題（將估計高度設置為0）中的解決方案看起來像在插入行時工作。 但是，刪除行時我仍然有錯誤。 底部標題轉到表格視圖的中心，然后在折疊標題之后轉到底部。

iOS 11浮動TableView標頭

Answer 1

您可以嘗試使用以下代碼。 只需獲取表視圖的最后一個內容偏移即可。 然后進行更新並重新分配內容偏移量。

let lastOffset = tableView.contentOffset
self.tableView.beginUpdates()
self.tableView.layer.removeAllAnimations()
self.tableView.endUpdates()
tableView.contentOffset = lastOffset

Answer 2

在我的代碼中，我使用tableView.reloadData()來擴展和收縮特定部分，而不是tableView.beginUpdates()和tableView.endUpdates() ，可以在需要提供部分擴展時調用reloadData。

這樣就不會出現動畫滾動到頂部的問題。 並在我的項目中運行良好，在該項目中，必須單擊該部分中包含的按鈕，才能顯示該部分中的特定行數。

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    if section == 0 {
        return 1
    }
// Ignore the If Else statements it's just when do you need expansion of section.
    else {
        if showMore == true {
            return self.userPoints.rewardsData[section - 1].count - 1
        }
        else {
            return 0
        }
    }
}

同樣不要忘記相應增加或減少該特定部分的行數。
前一行很重要，可以避免崩潰。

Answer 3

swift3及以上的簡單解決方案

使用以下擴展名作為

例如：tableViewOutlet.tableViewScrollToBottom（動畫：true）

extension UITableView {

    func tableViewScrollToBottom(animated: Bool) {

        DispatchQueue.main.asyncAfter(deadline: .now() + .milliseconds(100)) {

            let numberOfSections = self.numberOfSections
            let numberOfRows = self.numberOfRows(inSection: numberOfSections-1)
            if numberOfRows > 0 {
                let indexPath = IndexPath(row: 0, section: 0)
                self.scrollToRow(at: indexPath, at: UITableView.ScrollPosition.top, animated: animated)
            }
        }
    }
}

Answer 4

我也面臨着同樣的問題，但是在閱讀了一些教程以及研究與分析后，我發現此問題的發生是由於在單元格的表格視圖計數高度從0擴展到120（根據您的單元格高度）時展開單元格的高度。 在我的情況下，我使用估計的單元格高度解決了該問題。

希望對您有所幫助，謝謝