UIBcrollview与UIButtons - 如何重新创建跳板？

在UICollectionView中，UIButtons可以用于创建跳板。以下是如何在UICollectionView中重新创建跳板的步骤：

首先，在UICollectionView的代理方法中注册UICollectionViewCell。

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! CustomCell
    cell.button.tag = indexPath.row
    cell.button.addTarget(self, action: #selector(buttonTapped(sender:)), for: .touchUpInside)
    return cell
}

在UICollectionView的代理方法中，设置UICollectionViewCell的大小和布局。

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let width = collectionView.bounds.width / 3
    let height = width
    return CGSize(width: width, height: height)
}

在UICollectionView的代理方法中，设置UICollectionViewCell的间距。

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
    return 10
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
    return 10
}

在UICollectionView的代理方法中，设置UICollectionViewCell的内边距。

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
    return UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
}

在UICollectionView的代理方法中，设置UICollectionViewCell的数量。

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

在UICollectionView的代理方法中，设置UICollectionViewCell的内容。

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! CustomCell
    cell.button.tag = indexPath.row
    cell.button.addTarget(self, action: #selector(buttonTapped(sender:)), for: .touchUpInside)
    return cell
}

在UICollectionView的代理方法中，设置UICollectionViewCell的选中状态。

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    let cell = collectionView.cellForItem(at: indexPath) as! CustomCell
    cell.button.isSelected = true
}

func collectionView(_ collectionView: UICollectionView, didDeselectItemAt indexPath: IndexPath) {
    let cell = collectionView.cellForItem(at: indexPath) as! CustomCell
    cell.button.isSelected = false
}

在UICollectionView的代理方法中，设置UICollectionViewCell的滚动方向。

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    let visibleCells = collectionView.visibleCells
    for cell in visibleCells {
        let indexPath = collectionView.indexPath(for: cell)
        let cellRect = collectionView.layoutAttributesForItem(at: indexPath)?.frame
        let cellCenterX = cellRect?.midX ?? 0
        let collectionViewCenterX = collectionView.bounds.midX
        if cellCenterX< collectionViewCenterX {
            cell.transform = CGAffineTransform(scaleX: 1.2, y: 1.2)
        } else {
            cell.transform = CGAffineTransform(scaleX: 1, y: 1)
        }
    }
}

在UICollectionView的代理方法中，设置UICollectionViewCell的动画效果。

func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
    let animation = CABasicAnimation(keyPath: "transform.scale")
    animation.duration = 0.3
    animation.fromValue = 0.8
    animation.toValue = 1
    cell.layer.add(animation, forKey: "scale")
}

在UICollectionView的代理方法中，设置UICollectionViewCell的点击事件。

@objc func buttonTapped(sender: UIButton) {
    let indexPath = IndexPath(item: sender.tag, section: 0)
    collectionView.selectItem(at: indexPath, animated: true, scrollPosition: .centeredHorizontally)
}

通过以上步骤，可以在UICollectionView中创建一个跳板，并且可以通过点击UIButtons来选择跳板。