reloadData () dari UITableView dengan ketinggian sel Dinamis menyebabkan pengguliran gelisah

Saya merasa seperti ini mungkin menjadi masalah umum dan bertanya-tanya apakah ada solusi umum untuk itu.

Pada dasarnya, UITableView saya memiliki ketinggian sel dinamis untuk setiap sel. Jika saya tidak berada di bagian atas UITableView dan saya tableView.reloadData(), menggulir ke atas menjadi gelisah.

Saya percaya ini karena fakta bahwa karena saya memuat ulang data, saat saya menggulir ke atas, UITableView menghitung ulang ketinggian untuk setiap sel yang terlihat. Bagaimana cara mengurangi itu, atau bagaimana saya hanya reloadData dari IndexPath tertentu ke akhir UITableView?

Selanjutnya, ketika saya berhasil menggulir ke atas, saya dapat menggulir ke bawah dan ke atas, tidak ada masalah tanpa melompat. Ini kemungkinan besar karena ketinggian UITableViewCell sudah dihitung.

Untuk mencegah lompatan, Anda harus menyimpan ketinggian sel saat memuat dan memberikan nilai tepat dalam tableView:estimatedHeightForRowAtIndexPath:

Cepat:

var cellHeights = [IndexPath: CGFloat]()

func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
    cellHeights[indexPath] = cell.frame.size.height
}

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return cellHeights[indexPath] ?? UITableView.automaticDimension
}

Sasaran C:

// declare cellHeightsDictionary
NSMutableDictionary *cellHeightsDictionary = @{}.mutableCopy;

// declare table dynamic row height and create correct constraints in cells
tableView.rowHeight = UITableViewAutomaticDimension;

// save height
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    [cellHeightsDictionary setObject:@(cell.frame.size.height) forKey:indexPath];
}

// give exact height value
- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath {
    NSNumber *height = [cellHeightsDictionary objectForKey:indexPath];
    if (height) return height.doubleValue;
    return UITableViewAutomaticDimension;
}

Swift 3 versi jawaban yang diterima.

var cellHeights: [IndexPath : CGFloat] = [:]


func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
    cellHeights[indexPath] = cell.frame.size.height
}

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return cellHeights[indexPath] ?? 70.0 
}

Lompatan ini karena perkiraan ketinggian yang buruk. Semakin tinggi taksiranRowHeight berbeda dari ketinggian sebenarnya, semakin banyak tabel dapat melompat ketika dimuat ulang terutama semakin jauh ke bawah telah digulir. Ini karena ukuran perkiraan tabel secara radikal berbeda dari ukuran sebenarnya, memaksa tabel untuk menyesuaikan ukuran kontennya dan offset. Jadi estimasi ketinggian seharusnya bukan nilai acak, tetapi mendekati apa yang Anda pikirkan ketinggiannya. Saya juga pernah mengalami ketika saya mengatur UITableViewAutomaticDimension apakah sel Anda adalah tipe yang sama

func viewDidLoad() {
     super.viewDidLoad()
     tableView.estimatedRowHeight = 100//close to your cell height
}

jika Anda memiliki berbagai sel di berbagai bagian maka saya pikir tempat yang lebih baik adalah

func tableView(tableView: UITableView, estimatedHeightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
     //return different sizes for different cells if you need to
     return 100
}

@ Igor menjawab berfungsi dengan baik dalam hal ini,Swift-4kode itu.

// declaration & initialization  
var cellHeightsDictionary: [IndexPath: CGFloat] = [:]  

dalam metode berikut UITableViewDelegate

func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
  // print("Cell height: \(cell.frame.size.height)")
  self.cellHeightsDictionary[indexPath] = cell.frame.size.height
}

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
  if let height =  self.cellHeightsDictionary[indexPath] {
    return height
  }
  return UITableView.automaticDimension
}

Saya sudah mencoba semua solusi di atas, tetapi tidak ada yang berhasil.

Setelah menghabiskan berjam-jam dan melalui semua frustrasi yang mungkin, menemukan cara untuk memperbaikinya. Solusi ini adalah penyelamat hidup! Bekerja seperti pesona!

Cepat 4

let lastContentOffset = tableView.contentOffset
tableView.beginUpdates()
tableView.endUpdates()
tableView.layer.removeAllAnimations()
tableView.setContentOffset(lastContentOffset, animated: false)

Saya menambahkannya sebagai ekstensi, untuk membuat kode terlihat lebih bersih dan menghindari penulisan semua baris ini setiap kali saya ingin memuat ulang.

extension UITableView {

    func reloadWithoutAnimation() {
        let lastScrollOffset = contentOffset
        beginUpdates()
        endUpdates()
        layer.removeAllAnimations()
        setContentOffset(lastScrollOffset, animated: false)
    }
}

akhirnya ..

tableView.reloadWithoutAnimation()

ATAU Anda benar-benar dapat menambahkan baris ini dalam UITableViewCell awakeFromNib()metode Anda

layer.shouldRasterize = true
layer.rasterizationScale = UIScreen.main.scale

dan lakukan normal reloadData()

Saya menggunakan lebih banyak cara untuk memperbaikinya:

Untuk pengontrol tampilan:

var cellHeights: [IndexPath : CGFloat] = [:]


func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
    cellHeights[indexPath] = cell.frame.size.height
}

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return cellHeights[indexPath] ?? 70.0 
}

sebagai ekstensi untuk UITableView

extension UITableView {
  func reloadSectionWithouAnimation(section: Int) {
      UIView.performWithoutAnimation {
          let offset = self.contentOffset
          self.reloadSections(IndexSet(integer: section), with: .none)
          self.contentOffset = offset
      }
  }
}

Hasilnya adalah

tableView.reloadSectionWithouAnimation(section: indexPath.section)

Saya mengalami ini hari ini dan mengamati:

1. Hanya iOS 8 saja.
2. Overridding cellForRowAtIndexPathtidak membantu.

Cara mengatasinya sebenarnya cukup sederhana:

Timpa estimatedHeightForRowAtIndexPathdan pastikan mengembalikan nilai yang benar.

Dengan ini, semua kegugupan dan lompatan aneh di UITableViews saya telah berhenti.

CATATAN: Saya benar-benar tahu ukuran sel saya. Hanya ada dua nilai yang mungkin. Jika sel Anda benar-benar berukuran variabel, maka Anda mungkin ingin men-cache cell.bounds.size.heightdaritableView:willDisplayCell:forRowAtIndexPath:

Anda sebenarnya hanya bisa memuat ulang baris tertentu dengan menggunakan reloadRowsAtIndexPaths, mis:

tableView.reloadRowsAtIndexPaths(indexPathArray, withRowAnimation: UITableViewRowAnimation.None)

Namun, secara umum, Anda juga bisa menghidupkan perubahan tinggi sel tabel seperti:

tableView.beginUpdates()
tableView.endUpdates()

Ini versi yang sedikit lebih pendek:

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return self.cellHeightsDictionary[indexPath] ?? UITableViewAutomaticDimension
}

Mengganti metode estimasiHeightForRowAtIndexPath dengan nilai tinggi, misalnya 300f

Ini harus memperbaiki masalah :)

Ada bug yang saya percaya diperkenalkan di iOS11.

Saat itulah Anda melakukan reloadtableView secara contentOffSettak terduga diubah. Bahkan contentOffsetseharusnya tidak berubah setelah memuat ulang. Ini cenderung terjadi karena kesalahan perhitunganUITableViewAutomaticDimension

Anda harus menyimpan contentOffSetdan menyetelnya kembali ke nilai yang disimpan setelah memuat ulang.

func reloadTableOnMain(with offset: CGPoint = CGPoint.zero){

    DispatchQueue.main.async { [weak self] () in

        self?.tableView.reloadData()
        self?.tableView.layoutIfNeeded()
        self?.tableView.contentOffset = offset
    }
}

Bagaimana Anda menggunakannya?

someFunctionThatMakesChangesToYourDatasource()
let offset = tableview.contentOffset
reloadTableOnMain(with: offset)

Jawaban ini berasal dari sini

Yang ini bekerja untuk saya di Swift4:

extension UITableView {

    func reloadWithoutAnimation() {
        let lastScrollOffset = contentOffset
        reloadData()
        layoutIfNeeded()
        setContentOffset(lastScrollOffset, animated: false)
    }
}

Tidak ada solusi yang berhasil untuk saya. Inilah yang saya lakukan dengan Swift 4 & Xcode 10.1 ...

Di viewDidLoad (), deklarasikan tinggi baris dinamis tabel dan buat batasan yang benar dalam sel ...

tableView.rowHeight = UITableView.automaticDimension

Juga di viewDidLoad (), daftarkan semua nibs sel tableView Anda ke tableview seperti ini:

tableView.register(UINib(nibName: "YourTableViewCell", bundle: nil), forCellReuseIdentifier: "YourTableViewCell")
tableView.register(UINib(nibName: "YourSecondTableViewCell", bundle: nil), forCellReuseIdentifier: "YourSecondTableViewCell")
tableView.register(UINib(nibName: "YourThirdTableViewCell", bundle: nil), forCellReuseIdentifier: "YourThirdTableViewCell")

Di tableView heightForRowAt, kembalikan tinggi sama dengan tinggi setiap sel di indexPath.row ...

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

    if indexPath.row == 0 {
        let cell = Bundle.main.loadNibNamed("YourTableViewCell", owner: self, options: nil)?.first as! YourTableViewCell
        return cell.layer.frame.height
    } else if indexPath.row == 1 {
        let cell = Bundle.main.loadNibNamed("YourSecondTableViewCell", owner: self, options: nil)?.first as! YourSecondTableViewCell
        return cell.layer.frame.height
    } else {
        let cell = Bundle.main.loadNibNamed("YourThirdTableViewCell", owner: self, options: nil)?.first as! YourThirdTableViewCell
        return cell.layer.frame.height
    } 

}

Sekarang berikan tinggi baris perkiraan untuk setiap sel di tableView estimasiHeightForRowAt. Jadilah seakurat mungkin ...

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {

    if indexPath.row == 0 {
        return 400 // or whatever YourTableViewCell's height is
    } else if indexPath.row == 1 {
        return 231 // or whatever YourSecondTableViewCell's height is
    } else {
        return 216 // or whatever YourThirdTableViewCell's height is
    } 

}

Itu seharusnya bekerja ...

Saya tidak perlu menyimpan dan mengatur contentOffset saat memanggil tableView.reloadData ()

Saya memiliki 2 ketinggian sel yang berbeda.

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        let cellHeight = CGFloat(checkIsCleanResultSection(index: indexPath.row) ? 130 : 160)
        return Helper.makeDeviceSpecificCommonSize(cellHeight)
    }

Setelah saya menambahkan estimasiHeightForRowAt , tidak ada lagi lompatan.

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    let cellHeight = CGFloat(checkIsCleanResultSection(index: indexPath.row) ? 130 : 160)
    return Helper.makeDeviceSpecificCommonSize(cellHeight)
}

Cobalah menelepon cell.layoutSubviews()sebelum mengembalikan sel func cellForRowAtIndexPath(_ indexPath: NSIndexPath) -> UITableViewCell?. Ini bug yang dikenal di iOS8.

Anda dapat menggunakan yang berikut ini di ViewDidLoad()

tableView.estimatedRowHeight = 0     // if have just tableViewCells <br/>

// use this if you have tableview Header/footer <br/>
tableView.estimatedSectionFooterHeight = 0 <br/>
tableView.estimatedSectionHeaderHeight = 0

Saya memiliki perilaku lompatan ini dan pada awalnya saya dapat menguranginya dengan menetapkan perkiraan tinggi tajuk yang tepat (karena saya hanya memiliki 1 kemungkinan tampilan tajuk), namun lompatan kemudian mulai terjadi di dalam tajuk secara khusus, tidak memengaruhi seluruh tabel lagi.

Mengikuti jawaban di sini, saya memiliki petunjuk bahwa itu terkait dengan animasi, jadi saya menemukan bahwa tampilan tabel ada di dalam tampilan tumpukan, dan kadang-kadang kita akan memanggil stackView.layoutIfNeeded()di dalam blok animasi. Solusi terakhir saya adalah memastikan panggilan ini tidak terjadi kecuali "benar-benar" diperlukan, karena tata letak "jika diperlukan" memiliki perilaku visual dalam konteks itu bahkan ketika "tidak diperlukan".

Saya memiliki masalah yang sama. Saya memiliki pagination dan memuat ulang data tanpa animasi tetapi tidak membantu gulir untuk mencegah melompat. Saya memiliki ukuran iPhone yang berbeda, gulungannya tidak gelisah pada iphone8 tetapi gelisah pada iphone7 +

Saya menerapkan perubahan berikut pada fungsi viewDidLoad :

    self.myTableView.estimatedRowHeight = 0.0
    self.myTableView.estimatedSectionFooterHeight = 0
    self.myTableView.estimatedSectionHeaderHeight = 0

dan masalah saya terpecahkan. Saya harap ini membantu Anda juga.

Salah satu pendekatan untuk memecahkan masalah ini yang saya temukan adalah

CATransaction.begin()
UIView.setAnimationsEnabled(false)
CATransaction.setCompletionBlock {
   UIView.setAnimationsEnabled(true)
}
tableView.reloadSections([indexPath.section], with: .none)
CATransaction.commit()

Sebenarnya saya menemukan jika Anda menggunakan reloadRowsmenyebabkan masalah melompat. Maka Anda harus mencoba menggunakan reloadSectionsseperti ini:

UIView.performWithoutAnimation {
    tableView.reloadSections(NSIndexSet(index: indexPath.section) as IndexSet, with: .none)
}