【问题标题】:weird tableView animation when using insert function使用插入功能时奇怪的tableView动画
【发布时间】:2019-04-14 10:20:03
【问题描述】:

当用户到达表格底部时,我正在尝试在表格视图中插入更多单元格。插入工作正常,但是向上滚动时会发生奇怪的动画。

我尝试在insert() 方法之前和之后添加beginUpdates()endUpdates()。但这没有帮助。我尝试在viewDidLoad 中添加tableView.contentInsetAdjustmentBehavior = .never,但没有帮助。

我试过的代码是:

func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
        if tableView.contentOffset.y >= (tableView.contentSize.height - tableView.frame.size.height) {
            loadMoreCells()
        }

func loadMoreCells() {
       ServerRequests.getDataServerRequest(id: provider.ID, page: page) { (foundEpisodes) in
            if foundEpisodes.count > 0 {
                let previous = self.episodes.count
                self.episodes.insert(contentsOf: foundEpisodes, at: self.episodes.count)
                self.isViewOpen.insert(contentsOf: [Bool](repeatElement(false, count: foundEpisodes.count)), at: self.isViewOpen.count)
                var indexPathsToBeInserted = [IndexPath]()
                for i in previous..<self.episodes.count{
                    indexPathsToBeInserted.append(IndexPath(row: i, section: 0))
                }
                self.tableView.insertRows(at: indexPathsToBeInserted, with: UITableViewRowAnimation.none)
            }
        }
    }

我是否在错误的地方调用了插入?或者我做错了什么?

更新

viewDidLoad:

tableView.register(UINib(nibName: NIB_NAME, bundle: nil), forCellReuseIdentifier: NIB_IDENTIFIRE)

cellForRow:

let cell = tableView.dequeueReusableCell(withIdentifier: NIB_IDENTIFIRE, for: indexPath) as! EpisodePerProviderTableViewCell
    cell.setUpCell(tableView: tableView, episode: episodes[indexPath.row], indexPath: indexPath, isViewOpen: isViewOpen)

    return cell

setUpCell 函数是:

unc setUpCell(tableView: UITableView, episode: Episode, indexPath: IndexPath, isViewOpen: [Bool]) {
    isMenuVisible = false
    menuView.isHidden = true
    if (isViewOpen[indexPath.row]){
        descriptionLabel.numberOfLines = 100
        moreLessLabel.text = "Less"
    }else{
        descriptionLabel.numberOfLines = 2
        moreLessLabel.text = "More"
    }
    tableView.beginUpdates()
    tableView.endUpdates()

    self.isViewOpen = isViewOpen
    self.indexPath = indexPath
    self.tableView = tableView
    self.episode = episode
    arrowButton.transform = .identity

    //set up cell content
    if let myDate = dateFormatter.date(from: episode.episodePostDate) {
        postedDate.text = dateFormatter.timeSince(from: myDate as NSDate)
    }
    episodeImage.windless.start()
    episodeImage.sd_setImage(with: URL(string: episode.episodeImageUrl ?? ""), placeholderImage: UIImage(named: "FalloundPlayerLogo")) { (providerImage, error, SDImageCacheType, url) in
        self.episodeImage.windless.end()
    }
    title.text = episode.episodeName
    durationLabel.text = "".formatted(time: Float(episode.episodeDuration), withoutSec: true)
    descriptionLabel.text = episode.episodeDescription
}

【问题讨论】:

  • 你能解释一下你希望什么时候调用 loadMoreCells() 吗?
  • @VadimF。当用户到达表格底部时,或者换句话说,当最后一个单元格被加载时。

标签: ios swift uitableview animation uiscrollview


【解决方案1】:

我认为问题是因为 loadMoreCells 被调用了太多次。

尝试使用此检查而不是 willDisplay:

if indexPath.row == yourArrayOfCells.count - 1{
    loadMoreCells()
}

更新

所以我有一些相同的问题,经过一番挖掘后,我为自己找到了这个解决方案:

//conform to UIScrollViewDelegate

let threshold : CGFloat = 10.0 // threshold from bottom of tableView
var isLoadingMore = false //checks if API session ended

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    let contentOffset = scrollView.contentOffset.y
    let maximumOffset = scrollView.contentSize.height - scrollView.frame.size.height;

    if !isLoadingMore && (maximumOffset - contentOffset) <= threshold {

        self.isLoadingMore = true
        DispatchQueue.main.async {
            loadMoreCells() 
            self.isLoadingMore = false
        }
    }
}

如果 API 请求发生得太快并且负载看起来很有趣,您可以添加延迟:

        DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
            loadMoreCells() 
            self.isLoadingMore = false
        }

如果它不起作用,我会假设问题不在您提供的代码中。

UPDATE-2

setUpCell() 中的这 2 个函数不是必需的:

tableView.beginUpdates()
tableView.endUpdates()

【讨论】:

  • 还是没有解决问题。其余的代码非常简单。但是如果你想看更多,我会在这里添加它
  • @mahdi 请做,如果你有 Github 的链接就更好了
  • @mahdi 只是为了确保您确实尝试将 willDisplay 函数更改为 scrollViewDidScroll ?
  • @mahdi 从我看到你在设置每个单元格时下载图像?
  • 是的,但我试图注释掉这行代码。没有任何改变。
【解决方案2】:

希望这会有所帮助。

UIView.setAnimationsEnabled(false)
self.tableView.beginUpdates()

self.tableView.insertRows(at: indexPathsToBeInserted, with: UITableViewRowAnimation.none)

self.tableView.endUpdates()
UIView.setAnimationsEnabled(true)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多