scrollView实现无缝链接滚动视图

最新推荐文章于 2023-02-20 11:44:08 发布

IDEAINNET

最新推荐文章于 2023-02-20 11:44:08 发布

阅读量1.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Demo UI 文章标签：无缝链接循环滚动

本文链接：https://blog.youkuaiyun.com/MHTios/article/details/40539917

UI 同时被 2 个专栏收录

44 篇文章

订阅专栏

Demo

5 篇文章

订阅专栏

本文介绍了一种使用Swift在iOS应用中实现轮播图的方法。通过UIScrollView和UIPageControl组件，实现了图片的自动轮播及分页指示。文章详细展示了如何设置UIScrollView的属性来达到平滑切换的效果，并通过定时器实现轮播功能。

源码下载

代码实现:

-(void)createView
{
    
    self.scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0 + 64, 320, 230)];
    self.scrollView.backgroundColor = [UIColor yellowColor];
    //  锁定滑动方向
    _scrollView.directionalLockEnabled = NO;
    _scrollView.contentSize = CGSizeMake(320 * (number + 2) , 240);

    //  弹跳效果
    _scrollView.bounces = NO;
    _scrollView.showsHorizontalScrollIndicator = NO;
    _scrollView.showsVerticalScrollIndicator = NO;
    _scrollView.pagingEnabled = YES;
    _scrollView.delegate = self;
    //  scrollView 上面添加imageView
    for (int i = 0; i < number + 2; i ++) {
        self.testImageView = [[UIImageView alloc] initWithFrame:CGRectMake(320 * i + 3, 3 , 314 , 224)];
        _testImageView.userInteractionEnabled = YES;
        _testImageView.backgroundColor = [UIColor redColor];
        _testImageView.tag = 100 + i;
        [self.scrollView addSubview:_testImageView];
    }
    //初始偏移量,显示第一张图片
    _scrollView.contentOffset = CGPointMake(320, 0);
    [self.view addSubview:_scrollView];
    //添加图片
    [self addImage];
    
    self.pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(90, 270, 250, 15)];
    self.pageControl.numberOfPages = number;
    _pageControl.backgroundColor= [UIColor clearColor];
    //  页码控制点颜色
    _pageControl.pageIndicatorTintColor = [UIColor grayColor];
    _pageControl.currentPageIndicatorTintColor = [UIColor cyanColor];
    
    //  pageControl 添加目标事件
    [self.pageControl addTarget:self action:@selector(handlePageControlAction:) forControlEvents:UIControlEventValueChanged];
    [self.view addSubview:self.pageControl];
    [self addTimer];

    self.YJFImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 235 + 64, 320, 568 - 240 - 64)];
    self.YJFImageView.image = LOADIMAGE(@"背景图", @"jpg");
    [self.view addSubview:_YJFImageView];
    UILabel *YJFLabel = [[UILabel alloc] initWithFrame:CGRectMake(20, 100, 280, 60)];
    YJFLabel.text = @"Email:summer2014mht@sina.com";
    YJFLabel.textColor = [UIColor blackColor];
    YJFLabel.textAlignment = NSTextAlignmentCenter;
    YJFLabel.font = [UIFont systemFontOfSize:16];
    [self.YJFImageView addSubview:YJFLabel];
}

-(void)addImage
{
    for (int i = 0; i < number; i++) {
        UIImageView *picImageView = (UIImageView *)[self.view viewWithTag:101+i];
        picImageView.image = LOADIMAGE(self.imageNameArray[i], @"jpg");
    }
    UIImageView *picImageViewFirst = (UIImageView *)[self.scrollView viewWithTag:100 + number + 1];
    picImageViewFirst.image = LOADIMAGE(self.imageNameArray[number - 1], @"jpg");
    
    UIImageView *picImageViewLast = (UIImageView *)[self.scrollView viewWithTag:100 + number + 1];
    picImageViewLast.image = LOADIMAGE(self.imageNameArray[0], @"jpg");

}

//  pageControl 点击相应事件
- (void)handlePageControlAction:(UIPageControl *)sender
{
    NSInteger currentPage = _pageControl.currentPage;
    CGPoint offsetPoint = CGPointMake(currentPage * 320, 0);
    //  根据当前currentPage 滚动scrollView
    [self.scrollView setContentOffset:offsetPoint animated:YES];
}

//  添加定时器, 实现轮播图
- (void)addTimer
{
    [NSTimer scheduledTimerWithTimeInterval:1.5 target:self selector:@selector(runTimer) userInfo:nil repeats:YES];
}

//  定时器响应方法
- (void)runTimer
{
    CGFloat x = _scrollView.contentOffset.x;
    [_scrollView setContentOffset:CGPointMake(x + 320, 0) animated:YES];
}

#pragma mark - ScrollView Delegate
//让pageControl随着视图变化
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    if (0 == scrollView.contentOffset.x) {
        [scrollView setContentOffset:CGPointMake(320 * number, 0) animated:NO];
    } else if (((number + 1) * 320) == scrollView.contentOffset.x) {
        [scrollView setContentOffset:CGPointMake(320, 0) animated:NO];
    }
    self.pageControl.currentPage = scrollView.contentOffset.x / 320 - 1;
}

-(void)customizedNavigationBar
{
    self.navigationItem.title = @"轮播图demo";
}