iOS键盘弹出后UICollectionView偏移问题探讨

在iOS开发中，当用户在UITextField或者UITextView中输入文本时，键盘会弹出。在弹出键盘的同时，可能会造成UICollectionView的偏移，导致用户在编辑时看不到光标。这种情况常常影响用户体验，尤其是在需要频繁输入的应用中。

现象解析

当键盘弹出时，键盘会挡住位于UICollectionView下方的输入框，如果不对UICollectionView进行重新布局或偏移，用户将无法看到他们输入的内容。我们需要通过监听键盘的显示和隐藏事件，动态调整UICollectionView的位置。

处理键盘事件

为了处理键盘的弹出和收起，我们需要在UIViewController中监听键盘事件。具体来说，我们可以通过NotificationCenter来实现。

添加通知观察者

在viewDidLoad函数中添加如下代码：

override func viewDidLoad() {
    super.viewDidLoad()

    // 监听键盘弹出和收起
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShow), name: UIResponder.keyboardWillShowNotification, object: nil)
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillHide), name: UIResponder.keyboardWillHideNotification, object: nil)
}

处理键盘弹出事件

在keyboardWillShow方法中，我们需要获取键盘的尺寸，并根据尺寸调整UICollectionView的contentInset和scrollIndicatorInsets。

@objc func keyboardWillShow(notification: Notification) {
    guard let userInfo = notification.userInfo,
          let keyboardFrame = userInfo[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue else { return }

    let keyboardHeight = keyboardFrame.cgRectValue.height
    let contentInsets = UIEdgeInsets(top: 0, left: 0, bottom: keyboardHeight, right: 0)
    
    collectionView.contentInset = contentInsets
    collectionView.scrollIndicatorInsets = contentInsets
}

处理键盘收起事件

在keyboardWillHide方法中，我们只需复位contentInset和scrollIndicatorInsets。

@objc func keyboardWillHide(notification: Notification) {
    let contentInsets = UIEdgeInsets.zero
    collectionView.contentInset = contentInsets
    collectionView.scrollIndicatorInsets = contentInsets
}

重定位UICollectionView

在处理键盘事件后，我们可能还希望自动滚动UICollectionView，确保当前输入区域可见。可以在keyboardWillShow中增加如下代码：

if let activeField = view.currentFirstResponder {
    let rect = collectionView.convert(activeField.frame, from: activeField.superview)
    collectionView.scrollRectToVisible(rect, animated: true)
}

这里的 currentFirstResponder 可以通过扩展UIView来实现，用于查找当前的焦点视图。

UIView的扩展

你可以添加一个UIView的扩展来获取当前的第一响应者：

extension UIView {
    var currentFirstResponder: UIView? {
        if self.isFirstResponder {
            return self
        }
        for subview in subviews {
            if let responder = subview.currentFirstResponder {
                return responder
            }
        }
        return nil
    }
}

代码结构示意图

以下是关于如何处理键盘事件和重定位UICollectionView的关系图：

erDiagram
    NOTIFICATION {
        string name
    }
    VIEW_CONTROLLER {
        void viewDidLoad()
        void keyboardWillShow()
        void keyboardWillHide()
    }
    UIEDGE_INSET {
        float top
        float left
        float bottom
        float right
    }
    VIEW {
        void isFirstResponder()
        void subviews()
     }

    VIEW_CONTROLLER ||--o{ NOTIFICATION : listens
    NOTIFICATION ||--o{ VIEW : affects
    VIEW_CONTROLLER ||--o{ UIEDGE_INSET : modifies

结论

通过以上的方法，我们可以有效地处理键盘弹出导致的UICollectionView的偏移问题。希望本篇文章能为iOS开发者在面对键盘事件时提供一些思路和解决方案，提升用户体验。如果你在实现过程中遇到任何问题，欢迎在评论区讨论。