欢迎使用优快云-markdown编辑器

最新推荐文章于 2021-01-07 23:01:28 发布

原创最新推荐文章于 2021-01-07 23:01:28 发布 · 356 阅读

0 ·

CC 4.0 BY-SA版权

ios学习专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用UICollectionViewDelegateFlowLayout代理方法实现UICollectionView中cell被点击时大小变化的效果。通过记录选中状态并在不同状态下调整cell边界，利用performBatchUpdates更新布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

collectionView点击cell变换大小

第一种实现方案，用collectionView来实现，控制器称为为collectionView 的UICollectionViewDelegateFlowLayout代理。在点击cell调用代理方法的时候分情况记录当前选中的cell序号，然后调用performBatchUpdates。

 func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        let cell = collectionView.cellForItem(at: indexPath);
        if selectedIndexPath == indexPath {
            cell?.layer.borderColor = normalColor;
            selectedIndexPath = nil;
        } else {
            if selectedIndexPath != nil {
                let selectedCell = collectionView.cellForItem(at: selectedIndexPath!)
                selectedCell?.layer.borderColor = normalColor
            }
            self.selectedIndexPath = indexPath;
            cell?.layer.borderColor = selectedColor
        }

        self.collectionView.performBatchUpdates({ //这里不需要传递参数，只是为了系统会调用下面两个方法
        }) { (finished) in
        }
    }

然后系统会调用以下两个方法，然后对cell大小进行处理即可实现

 func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        if indexPath == selectedIndexPath {
            return CGSize.init(width: self.collectionView.frame.width - 40, height: 120);
        }
        return CGSize.init(width: self.collectionView.frame.width - 40, height: 70);
    }

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