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;
}

คำตอบที่ยอมรับในเวอร์ชัน Swift 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 
}

การกระโดดเป็นเพราะความสูงโดยประมาณที่ไม่ดี ยิ่งความสูงต่ำโดยประมาณแตกต่างจากความสูงจริงตารางก็อาจกระโดดได้มากขึ้นเมื่อมีการโหลดซ้ำโดยเฉพาะยิ่งเลื่อนลงด้านล่างมากขึ้น นี่เป็นเพราะขนาดโดยประมาณของตารางแตกต่างจากขนาดจริงอย่างมากบังคับให้ตารางปรับขนาดเนื้อหาและออฟเซ็ต ดังนั้นความสูงโดยประมาณไม่ควรเป็นค่าสุ่ม แต่ใกล้กับสิ่งที่คุณคิดว่าความสูงนั้นจะเป็น ฉันเคยมีประสบการณ์เมื่อฉันตั้งค่า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
}

การแทนที่เมธอดHeightForRowAtIndexPathโดยประมาณที่มีค่าสูงเช่น 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 cell nibs ทั้งหมดของคุณไปยัง 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 ที่ประเมินไว้โดยความสูงของพื้น แม่นยำในขณะที่คุณสามารถ ...

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

หลังจากที่ฉันเพิ่มความสูงโดยประมาณสำหรับแถวที่ไม่มีการกระโดดอีก

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