专业java、php、iOS、C++、网页设计、平面设计、网络营销、游戏开发、前端与移动开发培训机构

表情键盘设置CollectionView

设置 CollectionView

在 HMEmoticonKeyboard.xib 中设置 CollectionView 的布局参数

在 HMEmoticonKeyboard 的 awakeFromNib 方法中设置 CollectionView 的参数

override func awakeFromNib() {
  super.awakeFromNib()

  // 注册Cell
  collectionView.register(UICollectionViewCell.self, forCellWithReuseIdentifier: "cell")
  // 设置数据源
  collectionView.dataSource = self

  // 设置toolBar代理
  toolBar.delegate = self
}

扩展 CZEmoticonKeyboard 实现 CollectionView 的数据源方法

extension HMEmoticonKeyboard: HMEmoticonToolbarDelegate {
  func didSelectedButton(didSelectedType type: HMEmoticonToolbarType) {
      print("选中了: \(type)")
  }
}

extension HMEmoticonKeyboard: UICollectionViewDataSource {
  func numberOfSections(in collectionView: UICollectionView) -> Int {
      return items.count
  }

  func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
      return items[section]
  }

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

      cell.backgroundColor = UIColor.random

      return cell
  }
}

覆盖 HMEmoticonKeyboard 的 layoutSubviews

override func layoutSubviews() {
  super.layoutSubviews()

  // 获取到collectionView的布局
  let layout = collectionView.collectionViewLayout as! UICollectionViewFlowLayout

  // 设置itemSize大小
  layout.itemSize = collectionView!.frame.size
}

运行，效果如下

自定义 UICollectionViewCell

自定义 HMEmoticonPageCell, 每个 Cell 表示一页,一页显示 20 个 表情按钮 和一个 删除按钮
```
class HMEmoticonPageCell: UICollectionViewCell {

}
```

在 HMEmoticonPageCell 里面添加调试 label

class HMEmoticonPageCell: UICollectionViewCell {
  var indexPath: IndexPath? {
      didSet {
          messageLabel.text = "当前第\(indexPath!.section)组, 第\(indexPath!.item)页"
      }
  }

  override init(frame: CGRect) {
      super.init(frame: frame)

      setupUI()
  }

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

  private func setupUI() {
      contentView.addSubview(messageLabel)
  }

  // MARK: - 懒加载
  // 测试label
  private lazy var messageLabel: UILabel = UILabel(frame: CGRect(origin: CGPoint(), size: CGSize(width: 300, height: 200)))
}

在 HMEmoticonKeyboard 修改 CollectionView 注册的 Cell 为 HMEmoticonPageCell

override func awakeFromNib() {
  super.awakeFromNib()

  collectionView.register(HMEmoticonPageCell.self, forCellWithReuseIdentifier: "cell")
  collectionView.dataSource = self

  // 设置toolBar代理
  toolBar.delegate = self
}

在 collectionView:cellForItemAt: 里面获取到 HMEmoticonPageCell，并设置 indexPath

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

  cell.indexPath = indexPath
  cell.backgroundColor = UIColor.random

  return cell
}

运行，效果如下

表情键盘设置CollectionView

表情键盘设置CollectionView

results matching ""

No results matching ""