可以循环滚动的展示图

Posted pengyuan_D

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了可以循环滚动的展示图相关的知识,希望对你有一定的参考价值。

ViewController.h

@interface ViewController : UIViewController<UIScrollViewDelegate>

    NSInteger _index;
    UIPageControl *_pageCtrl;
    UIScrollView *_scrollerView;

ViewController.m

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad

    [super viewDidLoad];
    
    _scrollerView= [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];
    _scrollerView.delegate = self;
    _scrollerView.backgroundColor = [UIColor redColor];
    _scrollerView.pagingEnabled = YES;
    _scrollerView.showsHorizontalScrollIndicator = NO;
    _scrollerView.contentSize = CGSizeMake(320*6, 480);
    [self.view addSubview:_scrollerView];
    
    for (int i=0; i<6; i++) 
        NSString *name = [NSString stringWithFormat:@"%d",i];
        UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:name]];
        imageView.frame = CGRectMake(320*i, 0, 320, 480);
        [_scrollerView addSubview:imageView];
    
    
    _pageCtrl = [[UIPageControl alloc] initWithFrame:CGRectMake(20, 400, 280, 30)];
    _pageCtrl.backgroundColor = [UIColor grayColor];
    _pageCtrl.numberOfPages = 5;
    [self.view addSubview:_pageCtrl];
    
    //自动滑动
    [NSTimer scheduledTimerWithTimeInterval:2
                                     target:self
                                   selector:@selector(timeAction:)
                                   userInfo:nil
                                    repeats:YES];
    


- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView 

    int count = scrollView.contentOffset.x/320;
    //实现循环滑动
    if (count == 5) 
        //重点是这句话
        scrollView.contentOffset = CGPointMake(0, 0);
        _pageCtrl.currentPage = 0;
        
    else 
        _pageCtrl.currentPage = count;
    


- (void)timeAction:(NSTimer *)time 

    _index ++;
    if (_index == 5) 
        _index = 0;
    
    [UIView beginAnimations:nil context:nil];
    [UIView setAnimationDuration:.5];
    _scrollerView.contentOffset = CGPointMake(_index*320, 0);
    [UIView commitAnimations];
    
    _pageCtrl.currentPage = _scrollerView.contentOffset.x/320;



@end


以上是关于可以循环滚动的展示图的主要内容,如果未能解决你的问题,请参考以下文章

JS实现鼠标移上去图片停止滚动移开恢复滚动效果

原生JS实现各种经典网页特效——Banner图滚动选项卡切换广告弹窗等

原生JS实现各种经典网页特效——Banner图滚动选项卡切换广告弹窗等

列表内容自动向上滚动(原生JS)

前端javascript+jquery实现手风琴式的滚动banner或产品展示图

cocos2d JS 设置字幕循环滚动(背景图滚动亦可)