重新加载数据后，如何使 UICollectionView 从底部滚动聊天应用程序？

Question

当用户单击发送消息 UIButton 并且当用户再次打开应用程序时，我想从下到上滚动我的 UICollectionView，最后发送的消息必须首先在底部看到。

我刚刚尝试了所有堆栈溢出答案和其他网站代码，但找不到任何解决我的问题的方法。

import UIKit
import Kingfisher
import Firebase
import IQKeyboardManagerSwift

class FireStoreChatViewController: UIViewController, UITextViewDelegate,UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout
{
    @IBOutlet var collectionView: UICollectionView!
    @IBOutlet weak var sendMessageBtn: UIButton!

    var comeFrom : String = ""
    var mChatUser : String = ""
    var mChatUserName : String = ""
    var mCurruntUserId : String = ""
    var isFirstPageFirstLoad: Bool = false
    var lastVisible: DocumentSnapshot? = nil
    var messageList: [Messages] = []

    override func viewDidLoad()
    {
        super.viewDidLoad()
    }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int
    {
        self.messageList.reverse()
        return messageList.count
    }


    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell
    {
       if messageList[indexPath.row].from == mCurruntUserId
       {
            let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Message", for: indexPath as IndexPath) as! MessageCollectionViewCell

       }

      return cell
    }

    @IBAction func sendMessageAction(_ sender: UIButton)
    {
        sendMessage()
    }

    func getMessage(mChatUser: String, mCurruntUser: String)
    { 
       // code
    }

    func sendMessage()
    {
       // code
    }

    func updateChatListData()
    {
       // code
    }


}

输出

打开聊天应用模块时首先看到的第一个索引路径。

Answer 1

要让collectionView从底部填充，您可以在collectionView重新加载时修改collectionView的顶部插图，

在调用 reloadData() 后调用这个：

func updateCollectionContentInset() {
    let contentSize = yourCollectionView.collectionViewLayout.collectionViewContentSize
    var contentInsetTop = yourCollectionView.bounds.size.height

        contentInsetTop -= contentSize.height
        if contentInsetTop <= 0 {
            contentInsetTop = 0
    }
    yourCollectionView.contentInset = UIEdgeInsets(top: contentInsetTop,left: 0,bottom: 0,right: 0)
}

然后在您希望滚动到底部时（在 collectionView 重新加载并更新内容插图后在数据源的 didSet 中），调用：

func scrollToBottom() {

    guard !yourDataSource.isEmpty else { return }

    let lastIndex = yourDataSource.count - 1

     yourCollectionView.scrollToItem(at: IndexPath(item: lastIndex, section: 0), at: .centeredVertically, animated: true)

}

Answer 2

如果你想从底部开始收集视图，你必须旋转 collectionView 和它的单元格。

首先在 ViewdidLoad 中旋转 collectionView

yourCollectionView.transform = CGAffineTransform.init(rotationAngle: (-(CGFloat)(Double.pi)))

比在 cellforitematindexpath 中旋转单元格

cell.transform = CGAffineTransform(rotationAngle: CGFloat.pi)

Answer 3

重新加载您的collectionview 后添加以下代码：

let ipath = IndexPath(row: messageList.count - 1, section: 0)
collectionView.scrollToItem(at: ipath, at: .bottom, animated: false)

Answer 4

您可以将 Vinod Jacob 的答案中给出的 scrollToItem 语法放在里面。 DispatchQueue.main.async { let ipath = IndexPath(row: messageList.count - 1, section: 0) collectionView.scrollToItem(at: ipath, at: .bottom, animated: false) }

Answer 5

在 CollectionView 中从 api 加载聊天后使用此代码。

DispatchQueue.main.async(execute: {

            self.mycollectionView.reloadData()
            self.scrollToBottom()
            //self.table1.setContentOffset(CGPoint(x: 0, y: self.table1.contentSize.height - UIScreen.main.bounds.height), animated: true)
        })