UICollectionView翻页效果实现

最新推荐文章于 2023-03-22 22:52:52 发布

qq_32118335

最新推荐文章于 2023-03-22 22:52:52 发布

阅读量1.5k

点赞数 1

分类专栏： iOS APP开发文章标签： iOS Swift UICollectionView 翻页

本文链接：https://blog.csdn.net/qq_32118335/article/details/95756594

版权

本文介绍了在iOS电商APP中，如何利用UICollectionView实现商品详情页的商品快速浏览和翻页功能。通过创建一个父级UICollectionView负责翻页，每个子页面内嵌套UICollectionView展示商品。在实现过程中，需要注意关闭子页面的滑动交互以避免手势冲突，通过scrollView代理来控制翻页。代码示例展示了在UITableViewCell内的UICollectionView实现和二级CollectionViewCell的创建。

摘要由CSDN通过智能技术生成

UICollectionView翻页效果实现

在写文章之前，先介绍下我的项目需求，我们项目是一个电商APP,当前功能是在商品详情里实现一个商品推荐模板，要实现商品快速浏览，并实现快速翻页功能，贴上我实现的一个效果动图，如下：
以前实现照片浏览功能，也用过collectionview实现或者pageController实现,那时候也只是单个翻页，只需要一个collectionView就可实现。当前我的需求是有多个商品需要展示，所以用到多个collectionView。
具体思路就是第一个父级collectionView充当翻页，在子页里嵌套collectionView实现商品预览，需要注意的是子页要关掉滑动交互，不然也许会出现手势冲突，剩下的就是在父级collectinView里实现翻页控制了，用到scrollView代理。好了废话少说，上代码。

protocolDetailRecommendTableviewCellDelegate:NSObjectProtocol{    funcselectRecommendGoodsIndex(goodsInfoId:Int)

}

classDetailRecommendTableviewCell:UITableViewCell,Reusable{

    vartitleLab:UILabel!

    varcollectionView:UICollectionView!

    varpageContor:UIPageControl!

    varseeAllBtn:UIButton!



    var delegate:DetailRecommendTableviewCellDelegate!

    varpresentOffset =CGPoint.zero

    varisFront:Bool=true//默认往前翻页

    varisDrag:Bool=false//默认没有拖动

    varlastOffset =CGPoint.zero//最后一次偏移量

    varblockAction:(()->())!

    varpages:Int=1

    varcurrentPage:Int=0

    varrecommendGoodsList = [GoodsInfo](){

        didSet{

            if recommendGoodsList.count > 3{

                self.setUP(line:2)

            }else if recommendGoodsList.count > 0 && recommendGoodsList.count <= 3{

                self.setUP(line:1)

            }else{

                self.setUP(line:0)

            }

            if recommendGoodsList.count > 24{

                self.titleLab.isHidden=false

                self.collectionView.isHidden=false

                self.pageContor.isHidden=false

                self.seeAllBtn.isHidden=false

            }else if recommendGoodsList.count > 6 && recommendGoodsList.count <= 24{

                self.titleLab.isHidden=false

                self.collectionView.isHidden=false

                self.pageContor.isHidden=false

                self.seeAllBtn.isHidden=true

            }else if recommendGoodsList.count > 3 && recommendGoodsList.count <= 6{

                self.titleLab.isHidden=false

                self.collectionView.isHidden=false

                self.pageContor.isHidden=true

                self.seeAllBtn.isHidden=true

            }else if recommendGoodsList.count < 3 && recommendGoodsList.count > 0{