图片轮播器的两种实现方式(ScrollView与collectionView)

最新推荐文章于 2020-03-03 17:41:47 发布

北方人深漂

最新推荐文章于 2020-03-03 17:41:47 发布

阅读量2.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： iOS 文章标签： collectionView 图片轮播 scrollview

本文链接：https://blog.youkuaiyun.com/shiios/article/details/49785355

iOS 专栏收录该内容

67 篇文章 ¥49.90 ¥99.00

订阅专栏

本文探讨了两种实现图片轮播的方法——ScrollView和CollectionView。分别详细介绍了ViewController.m中如何利用这两种组件进行轮播功能的实现，并提到了CollectionViewCell.h文件在实现过程中的作用。通过对头文件和实现部分的解析，读者可以了解到每种方式的特点和适用场景。

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

<span style="font-size:18px;color:#FF0000;">ScrollView实现图片轮播:</span>

ViewController.m

**********************头文件部分*************************

<span style="font-size:14px;">#import "ViewController.h"
#define kImageCount 5
#define kScrollViewSize (_scrollView.frame.size)</span>

**********************声明部分*************************

<span style="font-size:14px;">@interface ViewController ()

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

北方人深漂

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

两种方式实现轮播图

Johncahong的博客

02-11

3752

概述轮播图可以用UIScrollView或UICollectionView来实现。用UIScrollView实现轮播图的思路是：给图片数组的第一个元素（下标0）添加最后一张图片，之后再往末尾添加第一张图片，这样数组就增加了2张图片，第一个元素和倒数第二个元素是最后一张图片，最后一个元素和第二个元素是第一张图片。根据图片数组的个数创建UIImageView个数，每个UIImageView占据屏幕宽度。首次展示图片时，scrollView定位到（contentOffset）数组的第二个元素，展示第一张

ios-卡片效果轮播图（ScrollView）默认显示第二张图片视觉好方便使用.zip

07-11

这个名为"ios-卡片效果轮播图（ScrollView）默认显示第二张图片视觉好方便使用.zip"的资源包，显然是一个实现此类功能的代码示例。下面将详细解释这种轮播图的实现原理以及涉及到的关键技术点。首先，我们要理解...

参与评论您还未登录，请先登录后发表或查看评论

ScrollView实现循环轮播图

03-01

Demo实现了一般App首页广告位的图片循环滚动播放功能！

iOS开发之瀑布流的实现(UICollectionView与UIScrollView)

演完领便当的专栏

10-05

1581

瀑布流可以在保证图片原始bi

UIScrollView 和 UICollectionView 分页效果

weixin_30929011的博客

03-10

395

UIScrollView 和 UICollectionView 分页效果 UIScrollView 可以滚动显示宽度或高度大于其 bounds 的内容。有些时候，需要有分页效果。每一页有统一的大小，相邻无缝水平或垂直排列。当水平或垂直滚动松开手后，会在其中一页完全显示的位置停下，滚动的距离是一页宽度或高度的整数倍。具体实现方法分两种情况讨论：分页大小等于、小于 bounds 大小。分页大小大于 b...

ScrollView或其子控件（TableView、CollectionView）内部空间自动下移64个单位

YLGWHYH的专栏

12-28

1420

在控制器viewdidload中添加这样一句话就可以了 self.automaticallyAdjustsScrollViewInsets = NO;

iOS 之scrollView 实现图片轮播／collectionview实现轮播/当前页面切换collectionviewcell显示个数

代码解释生活

05-02

1005

参考框架：LazyScrollView:https://github.com/alibaba/LazyScrollView http://pingguohe.net/2016/01/31/lazyscroll.html SDCycleScrollView：https://github.com/gsdios/SDCycleScrollView ==========1.s...

iOS实现图片轮播效果

01-04

平时APP中的广告位或者滚动的新闻图片等用到的就是图片轮播这种效果，实现方式主要有两种，一种ScrollView+ImageView，另一种则是通过CollectionView，今天总结的是ScrollView这种方式。 1.图片轮播效果实现主要...

iOS轮播图实现教程：基于collectionView的TTAutoScrollView

- 在实际开发中，开发者通常使用scrollView或collectionView来实现滚动效果，这两种组件都继承自UIScrollView。 - 滚动视图组件通常还需要考虑用户体验，例如滚动效果的性能优化、惯性滚动、橡皮筋效果、弹簧效果...

瀑布流分别用UIScrollView和UICollectionView的两种写法

Xiubin的博客

07-25

491

这是一个分别用UIScrollView和UICollectionView写的瀑布流，像系统自带的UITabvleView和UICollectionView一样简单实用，效率高

基于iOS UIScrollView以及UICollectionView的滚动展示

03-22

git地址：https://github.com/ifdw702553634/DWScrollShowView.git

collectionview实现无限轮播

u014212588的博客

03-23

699

实现很简单：核心思想：建立三组相同cell，初始化的时候滑动到第1组的0，当滑动过程中超出第一组的范围，立刻无动画效果滑动到第一组对应的item上核心代码：利用scrollview的代理方法 - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView { //根据偏移量计算出index 处于中间范围不操作其

iOS之旅--scrollView实现无限轮播

Kamy Shi

02-16

3426

scrollView实现无限轮播这里为了实现真实的无限轮播，采用了 n+2 张图片轮播，代码控制，显示第2 ~ 第n+1张图片。 1、第1、n+1个图片一样，第2,n+2 个图片一样， 2、手动实现循环滚动，scrollView滚动结束调用的两个方法： 3、计时器

iOS snapkit UIScrollView 自适应布局, UIScrollView 嵌套 UICollectionView

Lee优快云77的博客

03-03

2556

一.比较正规的使用方式类似于 storyboard ，在UIScrollView上添加一个充满自己的ContainerView 场景分析在实际开发中遇到UIScrollView的场景大概分为两类：超过一个竖屏的信息展示和轮播图，以少数派App做个例子少数派.gif 技术难点通常来说，UIScrollView的布局有两种方法： StoryBoard + Auto...

iOS使用UIScrollView实现左右滑动UITableView和UICollectionView

热门推荐

TMajier的博客

10-30

3万+

在UIScrollView中嵌套UITableView的文章很多，但是项目需要，需要嵌套UICollectionView，而UICollectionView和UITableView有很多不同，有些知识到现在也没搞清楚，一遍一遍的尝试，总算是做出来了。以下是实现后的效果图：由于本人刚刚接触ios开发，很多原理还说不清，所以下面的步骤以图片为主，文章结尾会附上源码地址，可下载自行研究！

iOS开发实战 - 实现scrollView和collectionView自定义分页

iOS_开发

07-08

2447

点击上方“iOS开发”，选择“置顶公众号”关键时刻，第一时间送达！系统自带的Paging Enabled会把scrollView/collectionView的conte...

UIScrollView嵌套UITableView和UICollectionView

yanyanforest的专栏

06-14

7406

项目中分类页面如下设置 self.edgesForExtendedLayout = UIRectEdgeNone; self.automaticallyAdjustsScrollViewInsets = NO; self.extendedLayoutIncludesOpaqueBars = NO;创建ViewcontentView =[[UIScrollView alloc]in

UITableView - UICollectionView代理方法“scrollViewDidEndScrollingAnimation”的实现。

RookieJin的博客

05-11

3224

用到scrollViewDidEndScrollingAnimation这个方法，起因是需求方提出要在界面滑动时隐藏某个东西，停止滑动时在显示出来。在UIScrollViewDelegate的代理里面看到了如下方法： - (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView; // called w...

关于ScrollView和UIcollectionView手势冲突的问题

qq1156261535的专栏

07-31

3972

关于ScrollView和UIcollectionView手势冲突的问题

实现图片轮播功能的scrollView控件

图片轮流切换显示是当前许多移动应用和网页中常见的...在iOS开发中，使用 Interface Builder 或纯代码实现图片轮播器是一种常见的做法，而对于更高级的轮播效果，还可以利用第三方库来减少开发工作量，提高开发效率。