reloadData () UITableView з динамічними висотами комірок викликає стрибкову прокрутку

Я відчуваю, що це може бути поширеною проблемою, і мені було цікаво, чи є якесь спільне рішення для цього.

В основному, мій UITableView має динамічну висоту комірок для кожної комірки. Якщо я не перебуваю на вершині UITableView, і я tableView.reloadData(), прокручування вгору стає стрибковим.

Я вважаю, що це пов'язано з тим, що, оскільки я перезавантажував дані, прокручуючи вгору, UITableView перераховує висоту для кожної комірки, що надходить у видимість. Як я пом'якшую це чи як я лише перезавантажую дані з певного IndexPath до кінця UITableView?

Далі, коли мені вдається прокрутити весь шлях до вершини, я можу прокручуватися назад вниз, а потім вгору, без проблем із стрибками. Це найімовірніше, тому що висоти UITableViewCell були вже обчислені.

Щоб запобігти стрибкам, слід зберегти висоту комірок, коли вони завантажуються, і вказати точне значення у tableView:estimatedHeightForRowAtIndexPath:

Швидкий:

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
}

Мета 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;
}

Швидка версія 3 прийнятої відповіді.

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 
}

Стрибок через погану розрахункову висоту. Чим більше оцінювана RowHeight відрізняється від фактичної висоти, тим більше таблиця може стрибати, коли вона перезавантажується, особливо чим далі вниз вона прокручується. Це пояснюється тим, що орієнтовний розмір таблиці радикально відрізняється від фактичного розміру, змушуючи таблицю коригувати розмір вмісту та зміщення. Тож розрахункова висота не повинна бути випадковою величиною, а близькою до того, що, на вашу думку, буде висотою. Я також відчував, коли я встановлював, UITableViewAutomaticDimension якщо ваші клітини однотипні

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

якщо у вас є різні клітини в різних розділах, то я думаю, що краще місце

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

@Igor відповідь справно працює,Swift-4код його.

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

в наступних методах 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
}

Я спробував усі способи вирішення вище, але нічого не вийшло.

Провівши години і переживши всі можливі розчарування, придумав спосіб виправити це. Це рішення - рятівник життя! Працював як шарм!

Швидкий 4

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

Я додав його як розширення, щоб зробити код більш чистим і уникати запису всіх цих рядків кожного разу, коли я хочу перезавантажити.

extension UITableView {

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

нарешті ..

tableView.reloadWithoutAnimation()

АБО ви могли фактично додати ці рядки у своєму UITableViewCell awakeFromNib()методі

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

і робити нормально reloadData()

Я використовую більше способів, як це виправити:

Для контролера перегляду:

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

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

Результат -

tableView.reloadSectionWithouAnimation(section: indexPath.section)

Я сьогодні зіткнувся з цим і помітив:

1. Дійсно, це лише iOS 8.
2. Переоцінка cellForRowAtIndexPathне допомагає.

Виправити насправді було досить просто:

Замініть estimatedHeightForRowAtIndexPathі переконайтеся, що він повертає правильні значення.

З цим все дивне тремтіння та стрибки навколо моїх UITableViews припинилися.

ПРИМІТКА: Я фактично знаю розмір моїх клітин. Можливі лише два значення. Якщо ваші клітини справді змінного розміру, то, можливо, ви захочете кешувати cell.bounds.size.heightз нихtableView:willDisplayCell:forRowAtIndexPath:

Фактично ви можете перезавантажувати лише певні рядки, використовуючи reloadRowsAtIndexPaths, наприклад:

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

Але, як правило, ви також можете анімувати зміни висоти комірок таблиці таким чином:

tableView.beginUpdates()
tableView.endUpdates()

Ось трохи коротша версія:

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

Перевищення оціночного методу HeeightForRowAtIndexPath з високим значенням, наприклад, 300f

Це має вирішити проблему :)

Існує помилка, яку, на мою думку, ввели в iOS11.

Тобто, коли ви робите reloadtableView, contentOffSetнесподівано змінюється. Насправді contentOffsetне слід змінюватись після перезавантаження. Це, як правило, відбувається через прорахункиUITableViewAutomaticDimension

Вам потрібно зберегти contentOffSetі повернути його до збереженого значення після завершення перезавантаження.

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

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

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

Як ти ним користуєшся?

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

Ця відповідь була отримана звідси

Цей працював для мене у Swift4:

extension UITableView {

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

Жодне з цих рішень не працювало на мене. Ось що я зробив із Swift 4 та Xcode 10.1 ...

У viewDidLoad () оголосити динамічну висоту рядка таблиці та створити правильні обмеження у клітинках ...

tableView.rowHeight = UITableView.automaticDimension

Також у viewDidLoad () зареєструйте всі вказівки комірок tableView для перегляду столу таким чином:

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 повертайте висоту, рівну висоті кожної комірки на 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
    } 

}

Тепер укажіть орієнтовну висоту рядка для кожної комірки в tableView оцінкуHeightForRowAt. Будьте точні, як зможете ...

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
    } 

}

Це повинно працювати ...

Мені не потрібно було зберігати та встановлювати contentOffset під час виклику tableView.reloadData ()

У мене 2 різні висоти клітин.

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

Після того, як я додав оцінку HeeightForRowAt , більше не було стрибків.

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

Спробуйте зателефонувати, cell.layoutSubviews()перш ніж повернути клітинку в func cellForRowAtIndexPath(_ indexPath: NSIndexPath) -> UITableViewCell?. Це відома помилка в iOS8.

Ви можете використовувати наступне в 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

У мене була така стрибкова поведінка, і я спочатку зміг пом'якшити це, встановивши точну передбачувану висоту заголовка (тому що у мене було лише 1 можливий перегляд заголовка), проте стрибки потім почали відбуватися всередині заголовків, особливо не впливаючи на всю таблицю.

Виходячи з відповідей тут, я зрозумів, що це стосується анімації, тому я виявив, що подання таблиці знаходиться всередині подання стека, а іноді ми закликаємо stackView.layoutIfNeeded()всередині анімаційного блоку. Моє остаточне рішення полягало в тому, щоб переконатися, що цей дзвінок не відбудеться, якщо "дійсно" не потрібно, тому що макет "за потреби" мав візуальну поведінку в цьому контексті, навіть коли "не потрібен".

У мене було те саме питання. У мене була пагинація та перезавантаження даних без анімації, але це не допомогло прокрутці, щоб запобігти стрибкам. У мене різні розміри IPhones, прокрутка не була стрибкою на iphone8, але на iphone7 +

Я застосував такі зміни у функції viewDidLoad :

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

і моя проблема вирішена. Я сподіваюся, що і вам це допоможе.

Один із підходів до вирішення цієї проблеми, який я знайшов, - це

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

Насправді я знайшов, якщо ви використовуєте reloadRowsспричиняючи проблему стрибка. Тоді вам слід спробувати використовувати reloadSectionsтак:

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