Dinamik hücre yüksekliklerine sahip UITableView'ın reloadData () yöntemi, bulanık kaymaya neden oluyor

Bunun ortak bir sorun olabileceğini hissediyorum ve bunun ortak bir çözümü olup olmadığını merak ediyordum.

Temel olarak, UITableView'ım her hücre için dinamik hücre yüksekliğine sahip. UITableView ve I üst kısmında değilse, tableView.reloadData()yukarı kaydırma gergin olur.

Bunun nedeni, veriyi yeniden yüklediğimden, yukarı kaydırdığım için UITableView'ın görünürlük haline gelen her hücre için yüksekliği yeniden hesapladığından kaynaklandığına inanıyorum. Bunu nasıl azaltabilirim veya yalnızca belirli bir IndexPath'ten UITableView'ün sonuna kadar Data'yı nasıl yeniden yükleyebilirim?

Dahası, en üste kadar ilerlemeyi başardığımda, aşağı ve sonra yukarı kaydırabilirim, zıplamadan sorun olmaz. Bunun nedeni büyük olasılıkla UITableViewCell yüksekliklerinin önceden hesaplanmış olmasıdır.

Atlamayı önlemek için, yüklendiğinde hücrelerin yüksekliklerini kaydetmeli ve tam olarak değer vermelisiniz tableView:estimatedHeightForRowAtIndexPath:

Swift:

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
}

Hedef 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 kabul edilen cevap versiyonu.

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 
}

Atlama, kötü bir tahmini yükseklikten kaynaklanıyor. TahminiRowHeight, gerçek yükseklikten ne kadar farklı olursa, tablo yeniden yüklendiğinde özellikle o kadar aşağı kaydırıldığında zıplayabilir. Bunun nedeni, tablonun tahmini boyutunun gerçek boyutundan kökten farklı olması, tabloyu içerik boyutunu ve ofsetini ayarlamaya zorlamasıdır. Dolayısıyla, tahmin edilen yükseklik rastgele bir değer olmamalı, yüksekliğin ne olacağını düşündüğünüze yakın olmalıdır. UITableViewAutomaticDimension Hücreleriniz aynı tipte ise ben ayarladığımda da yaşadım

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

farklı bölümlerde çeşitli hücreler varsa daha iyi bir yer olduğunu düşünüyorum

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

@Igor cevap bu durumda iyi çalışıyor,Swift-4kodu.

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

aşağıdaki yöntemlerle 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
}

Yukarıdaki tüm geçici çözümleri denedim, ancak hiçbir şey işe yaramadı.

Saat harcadıktan ve olası tüm hayal kırıklıklarından geçtikten sonra, bunu düzeltmenin bir yolunu buldum. Bu çözüm hayat kurtarıcıdır! Bir cazibe gibi çalıştı!

Hızlı 4

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

Kodun daha temiz görünmesini sağlamak ve her yeniden yüklemek istediğimde tüm bu satırları yazmaktan kaçınmak için bir uzantı olarak ekledim.

extension UITableView {

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

en sonunda ..

tableView.reloadWithoutAnimation()

VEYA bu satırı aslında UITableViewCell awakeFromNib()yönteminize ekleyebilirsiniz

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

ve normal yap reloadData()

Bunu düzeltmek için daha fazla yol kullanıyorum:

Görünüm denetleyicisi için:

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 
}

UITableView için uzantı olarak

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

Sonuç

tableView.reloadSectionWithouAnimation(section: indexPath.section)

Bugün bununla karşılaştım ve gözlemledim:

1. Gerçekten sadece iOS 8.
2. Geçersiz kılma cellForRowAtIndexPathyardımcı olmaz.

Düzeltme aslında oldukça basitti:

Geçersiz kılın estimatedHeightForRowAtIndexPathve doğru değerleri döndürdüğünden emin olun.

Bununla, UITableViews'imdeki tüm garip titreme ve atlama durdu.

NOT: Aslında hücrelerimin boyutunu biliyorum. Sadece iki olası değer vardır. Hücreleriniz gerçekten değişken büyüklükte ise, o zaman önbelleğe isteyebilirsiniz cell.bounds.size.heightdantableView:willDisplayCell:forRowAtIndexPath:

Aslında, yalnızca belirli satırları aşağıdaki gibi kullanarak yeniden yükleyebilirsiniz reloadRowsAtIndexPaths:

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

Ancak, genel olarak, tablo hücresi yükseklik değişikliklerini aşağıdaki gibi canlandırabilirsiniz:

tableView.beginUpdates()
tableView.endUpdates()

İşte biraz daha kısa bir sürüm:

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

Tahmini değeri yüksek, örneğin 300f olan geçersizHeightForRowAtIndexPath yöntemini geçersiz kılma

Bu, sorunu çözmeli :)

İOS11'de tanıtıldığına inandığım bir hata var.

Bu reloadtabloyu yaptığınızda contentOffSetbeklenmedik şekilde değişir. Aslında contentOffsetbir yeniden yükleme sonrasında değişmemelidir. Bu yanlış hesaplamalar nedeniyle olma eğilimindedir.UITableViewAutomaticDimension

Yeniden contentOffSetyüklemeniz bittikten sonra, kaydetmeniz ve kaydettiğiniz değere ayarlamanız gerekir.

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

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

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

Nasıl kullanılır?

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

Bu cevap buradan türetildi

Bu Swift4'te benim için çalıştı:

extension UITableView {

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

Bu çözümlerin hiçbiri benim için işe yaramadı. İşte Swift 4 ve Xcode 10.1 ile yaptığım şey ...

ViewDidLoad () öğesinde, tablo dinamik satır yüksekliğini bildirin ve hücrelerde doğru kısıtlamalar oluşturun ...

tableView.rowHeight = UITableView.automaticDimension

Ayrıca viewDidLoad () 'da, tüm tableView hücre uçlarınızı tableview'e aşağıdaki gibi kaydedin:

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")

TableView heightForRowAt öğesinde, indexPath.row dosyasındaki her bir hücrenin yüksekliğine eşit olan dönüş yüksekliği ...

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
    } 

}

Şimdi, tablodaki her hücre için tahmini bir satır yüksekliği verin (TahminiHeightForRowAt). Mümkün olduğunca doğru olun ...

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
    } 

}

İşe yarayacak ...

TableView.reloadData () öğesini çağırırken contentOffset'i kaydetmem ve ayarlamam gerekmiyordu

2 farklı hücre yüksekliğim var.

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

Eklediğim sonra estimatedHeightForRowAt , artık atlama yoktu.

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

cell.layoutSubviews()Hücreyi geri getirmeden önce aramayı deneyin func cellForRowAtIndexPath(_ indexPath: NSIndexPath) -> UITableViewCell?. İOS8'de bilinen bir hata.

Şunlarda aşağıdakileri kullanabilirsiniz: 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

Bu atlama davranışım vardı ve başlangıçta tam olarak tahmin edilen üstbilgi yüksekliğini ayarlayarak hafifletmeyi başardım (çünkü yalnızca 1 olası üstbilgi görünümüm vardı), ancak daha sonra tüm tabloları etkilemeden özel olarak üstbilgilerin içinde gerçekleşmeye başladı .

Buradaki cevapları takiben, animasyonlarla ilgili ipucuna sahiptim, bu yüzden tablo görünümünün bir yığın görünümü içinde olduğunu ve bazen stackView.layoutIfNeeded()bir animasyon bloğunun içinde arayacağımızı buldum . Son çözümüm, "gerçekten" gerekmedikçe bu çağrının gerçekleşmediğinden emin olmaktı, çünkü "gerekliyse" düzeni, "gerekmediğinde" bile bu bağlamda görsel davranışlara sahipti.

Aynı sorunu yaşadım. Sayfalandırma ve animasyon olmadan verileri yeniden yükleme vardı ama atlama önlemek için kaydırma yardımcı olmadı. IPhone'ların farklı boyutu var, kaydırma iphone8'de gergin değildi, ancak iphone7 +

ViewDidLoad işlevinde aşağıdaki değişiklikleri uyguladım :

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

ve sorunum çözüldü. Umarım sana da yardımcı olur.

Bulduğum bu sorunu çözme yaklaşımlarından biri

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

Aslında reloadRowsbir atlama sorununa neden kullanıyorsanız buldum . O zaman böyle kullanmaya çalışmalısınız reloadSections:

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