UIScrollview实现左右循环滑动和自动轮播

最新推荐文章于 2021-09-05 23:57:30 发布

yake_099

最新推荐文章于 2021-09-05 23:57:30 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/yake_099/article/details/42676201

版权

本文介绍如何使用UIScrollview创建一个可以左右循环滑动并自动轮播的图片展示功能，适用于项目中广告轮播的需求。通过调整contentSize和处理滑动事件，实现了在显示3张图片的scrollview中实现5张图片的循环播放，同时支持自动轮播和用户手动交互。代码示例中包含了可能的优化和注意事项。

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

这个Demo的最初的想法是我从网上的一个简单的例子中获取的，加以修改，成了现在的样子。

我们在很多时候需要一个轮播图，比如项目中广告的轮播。能让scrollview自动滚动，这不是什么困难的事，但是如果能让scrollview朝一个方法循环播放下去，这费了我不少功夫。另外，这个demo中轮播的图片是5张，而scrollview的大小只能放下三张图片，所以这是一个少scrollview版的轮播图。为什么要这么做呢，并非自找麻烦，而是有些时候如果需要播放的图片特别多，比如1000张，那我们也要把scrollview的contentSize设为1000张图片的宽度吗？没有必要。除此之外，我还在demo中将自动轮播和手动滑动结合起来，使轮播图在自动轮播的同时，还可以响应用户交互。

如果代码有需要改进或者不对的地方，还望大家不吝赐教，谢谢！

#import "RandPicViewController.h"
#import "UIImageView+AFNetworking.h"

@interface RandPicViewController ()
{
    NSTimer * _timer;
    UIScrollView * _randPicScroll;
    UIPageControl * _pageControl;
    NSInteger _currentPage;
    NSMutableArray * _showImageviewArray;
}
@end

@implementation RandPicViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    // Do any additional setup