UICollectionView 实现，自动滚动、一屏横向显示3个view

最新推荐文章于 2020-12-23 22:19:26 发布

weixin_34418883

最新推荐文章于 2020-12-23 22:19:26 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发 git

原文链接：https://segmentfault.com/a/1190000014949001

本文介绍了如何使用UICollectionView实现自动滚动功能，通过Timer定时更新滚动位置。同时，展示了如何设置布局，使得一屏内可以一中两侧各显示半个视图。在实现过程中，详细讲解了关键步骤，包括自定义UICollectionViewFlowLayout，在prepare和targetContentOffset方法中的操作，以确保视图始终居中。完整代码可在GitHub找到。

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

前言

实现UICollectionView的自动滚动，以及一屏下，中间显示一个view，两边显示半个view的效果，
如图：

图片描述

自动滚动实现逻辑

自动滚动是使用Timer实现，每个一段时间让UICollectionView自动滚动下即可。

定义一个Timer

//自动滚动计时器
var autoScrollTimer:Timer?

定义一个下标，记录UICollectionView的下标

var index: Int = 0

启动一个定时器

func startTimer() {
        //设置一个定时器，每三秒钟滚动一次
        autoScrollTimer = Timer.scheduledTimer(timeInterval: 3, target: self,
                                               selector: #selector(UICollectionViewTypeOneController.scroll),
                                               userInfo: nil, repeats: true)
    }