首页 > 解决方案 > 集合视图作为自定义键盘不起作用

问题描述

我正在构建具有自定义键盘的应用程序。

在它的类里面我创建了集合视图,这里是代码:

class KeyboardViewController: UIInputViewController, UICollectionViewDelegateFlowLayout, UICollectionViewDataSource, UICollectionViewDelegate {

let stickerImages = [
    UIImage(named: "Image-1"),
    UIImage(named: "Image-2"),
    UIImage(named: "Image-3"),
    UIImage(named: "Image-4"),
    UIImage(named: "Image-5")
]

@IBOutlet var nextKeyboardButton: UIButton!
@IBOutlet var collectionView: UICollectionView!

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

override func viewDidLoad() {
    super.viewDidLoad()

    let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
    layout.scrollDirection = UICollectionView.ScrollDirection.vertical
    layout.sectionInset = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
    layout.itemSize = CGSize(width: 50, height: 50)

    collectionView = UICollectionView(frame: self.view.frame, collectionViewLayout: layout)
    collectionView.dataSource = self
    collectionView.delegate = self
    collectionView.register(StickersCell.self, forCellWithReuseIdentifier: StickersCell.reuseIdentifier)
    collectionView.backgroundColor = UIColor.white
    collectionView.showsHorizontalScrollIndicator = false
    collectionView.backgroundColor = UIColor.red

    collectionView.translatesAutoresizingMaskIntoConstraints = false

    self.view.addSubview(collectionView)

    self.nextKeyboardButton = UIButton(type: .system)

    self.nextKeyboardButton.setTitle(NSLocalizedString("Next Keyboard", comment: "Title for 'Next Keyboard' button"), for: [])
    self.nextKeyboardButton.sizeToFit()
    self.nextKeyboardButton.translatesAutoresizingMaskIntoConstraints = false
    self.nextKeyboardButton.backgroundColor = UIColor.white

    self.nextKeyboardButton.addTarget(self, action: #selector(handleInputModeList(from:with:)), for: .allTouchEvents)

    self.view.addSubview(self.nextKeyboardButton)

    self.nextKeyboardButton.leftAnchor.constraint(equalTo: self.view.leftAnchor).isActive = true
    self.nextKeyboardButton.bottomAnchor.constraint(equalTo: self.view.bottomAnchor).isActive = true

    self.collectionView.leftAnchor.constraint(equalTo: self.view.leftAnchor).isActive = true
    self.collectionView.rightAnchor.constraint(equalTo: self.view.rightAnchor).isActive = true
    self.collectionView.topAnchor.constraint(equalTo: self.view.topAnchor).isActive = true
    self.collectionView.bottomAnchor.constraint(equalTo: self.view.bottomAnchor).isActive = true
}

override func textWillChange(_ textInput: UITextInput?) {
    // The app is about to change the document's contents. Perform any preparation here.
}

override func textDidChange(_ textInput: UITextInput?) {
    // The app has just changed the document's contents, the document context has been updated.

    var textColor: UIColor
    let proxy = self.textDocumentProxy
    if proxy.keyboardAppearance == UIKeyboardAppearance.dark {
        textColor = UIColor.white
    } else {
        textColor = UIColor.black
    }
    self.nextKeyboardButton.setTitleColor(textColor, for: [])
}

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {

    return stickerImages.count
}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: StickersCell.reuseIdentifier, for: indexPath) as! StickersCell

    cell.setImage(stickerImages[indexPath.item]!)

    return cell
}}

这是我的集合视图单元格类:

class StickersCell: UICollectionViewCell {

static let reuseIdentifier: String = "StickersCell"

lazy var imageView: UIImageView = {
    let imageView = UIImageView(frame: .zero)
    imageView.contentMode = .scaleAspectFit
    imageView.translatesAutoresizingMaskIntoConstraints = false
    return imageView
}()

override init(frame: CGRect) {
    super.init(frame: frame)
    contentView.clipsToBounds = true
    contentView.addSubview(imageView)

    imageView.leftAnchor.constraint(equalTo: contentView.leftAnchor).isActive = true
    imageView.rightAnchor.constraint(equalTo: contentView.rightAnchor).isActive = true
    imageView.topAnchor.constraint(equalTo: contentView.topAnchor).isActive = true
    imageView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor).isActive = true
}

required init?(coder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}

func setImage(_ image: UIImage) {
    imageView.image = image
}}

UIView将集合视图添加到 any时,此代码工作得很好UIViewController,但是当尝试将其添加到键盘时,它会抛出这样的错误:

错误

据我了解,我放置了错误的约束,但我不明白到底出了什么问题,尤其是当它在简单视图或视图控制器中工作正常时。

我已经用谷歌搜索了分配,但找不到任何解决方案......而且这个 SO 问题也没有帮助:

  1. 第一个问题
  2. 第二个问题
  3. 第三个问题

我还尝试将创建集合视图的代码移动到viewDidAppearviewWillAppear方法中​​,但同样没有运气。

另一件奇怪的事情:如果我UIView向键盘添加具有相同约束的简单元素 - 一切正常。问题似乎与集合视图有关。

那么,我错过了什么?将不胜感激任何帮助,因为我已经与这个问题作斗争一个多星期了......

更新:

在阅读了 Apple 开发者论坛后,我想到了一个想法:我创造了和以前UITableView一样的UICollectionView东西,而且奇怪的是它可以工作。那么下一个问题是: 您是否可以UICollectionView用作自定义键盘?

标签: iosswiftuicollectionviewkeyboardcustom-keyboard

解决方案


在与这个问题斗争了 2 周后,终于找到了解决方法:

出于某种原因,您不能使用UIImageView或在 iMessage 扩展中相同的内部,所以我只是在此按钮内部添加了透明MSStickerView,它起作用了!UICollectionViewCellUIButtonUIImage

仍然不知道为什么您不能使用图像或视图并且找不到任何有关它的特定信息,但是我的解决方案有效,我希望这对将来的某人有所帮助。


推荐阅读