两个imageView实现图片轮播

最新推荐文章于 2024-04-10 00:47:27 发布

Scott_Mr

最新推荐文章于 2024-04-10 00:47:27 发布

阅读量1.3k

点赞数

分类专栏： iOS开发随笔文章标签： uiscrollview 图片轮播 imageview

本文链接：https://blog.csdn.net/u010411521/article/details/51116175

版权

本文介绍了使用两个UIImageView和UIScrollView实现图片轮播的思路和步骤，包括层级结构、轮播原理、自动滚动、拖拽时停止定时器、加载图片以及图片缓存策略。还讨论了如何监听图片点击，提供了通过block和代理两种方式实现。

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

前言

在不少的项目中，都会用到图片轮播这个功能，现在网上关于图片轮播的轮子也层出不穷，千奇百怪，笔者根据自己的思路，用两个imageView也实现了图片轮播，这里给大家介绍笔者的主要思路以及大概步骤。

轮播实现步骤

最底层是一个UIView,上面有一个UIScrollView和UIPageControl,scrollView上有两个UIImageView,imageView的宽高=scrollView的宽高=view的宽高

这里写图片描述

假设轮播控件的宽为x，高为y，我们设置scrollView的contentSize的宽度为3x，并且让scrollView在x方向偏移量为x，即显示中间内容

scrollView.contentSize = CGSizeMake(3x, y);
scrollView.contentOffset = CGPointMake(x, 0);

接下来使用代理方法scrollViewDidScroll来监听scrollView的滚动，定义一个枚举来记录滚动的方向

typedef NS_ENUM(NSInteger, Direction) {
    DirectionNone = 1 << 0,
    DirectionLeft = 1 << 1,
    DirectionRight = 1 << 2
};

// 滚动方向
@property

关注

专栏目录