iOS-XIB方式实现一个既能手动又能自动无限滚动的UIScrollView

最新推荐文章于 2020-03-24 17:39:30 发布
最新推荐文章于 2020-03-24 17:39:30 发布
阅读量433 收藏
点赞数
分类专栏： 技术 文章标签： 手动-自动scrol
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GZgengzhen/article/details/79228213
版权

一、 需求
1.实现一个既能手动又能自动无限滚动的scrollView，有页码，有按钮（点击按钮，scrollView消失）
2.每个界面出现时，五秒内用户不手动滑动界面，就会调用自动滑动界面的方法自动切换到下一张图片
3.当用户在5s内在屏幕上进行滑动时，检测滑动的距离，进行图片的切换，并重置计时器，使之重新开始计算时间即从当前时间开始算5s内用户再不滑动界面就再次实现切换图片。
二、思路以及实现
1.既能手动又能自动如何实现？
我的做法是默认是自动滚动的

#pragma mark -
#pragma mark - Timer part
- (void)shouldAutoShow:(BOOL)shouldStart
{
    // Turn on automatic page turning
    if (shouldStart) {
        if (!self.autoScrollTimer) {
            self.autoScrollTimer = [NSTimer scheduledTimerWithTimeInterval:5.0f target:self selector:@selector(autoShowNextImage) userInfo:nil repeats:YES];
        }

    }else {
        // Turn off automatic page turning
        if (self.autoScrollTimer.isValid) {
            [self.autoScrollTimer invalidate];
            self.autoScrollTimer = nil;
        }
    }
}
当检测到手指在屏幕上滑动时，捕获滑动距离，实现滚动画面的切换。同时重置自动滚动的计时器，重新开始计算时间。

// Automatically show the next page
- (void)autoShowNextImage
{
    self.currentPage ++;
    if (self.currentPage == imageCount) {
        self.currentPage = homePageIndex;
    }
    self.tvuPageControl.currentPage = self.currentPage;
    if (self.currentPage == imageCount - 1) {
        self.buttonTitle = [NSString stringWithFormat:@"%@ >>",NSLocalizedString(@"Close", nil)];
        [self.hideCarouselViewButton setTitle:self.buttonTitle forState:UIControlStateNormal];
    }else {
        self.buttonTitle = [NSString stringWithFormat:@"%@ >>",NSLocalizedString(@"Skip", nil)];
        [self.hideCarouselViewButton setTitle:self.buttonTitle forState:UIControlStateNormal];
    }

    [self changeImageViewWith:self.currentPage];
    self.tvuScrollView.contentOffset = CGPointMake(self.tvuScrollView.frame.size.width, self.tvuScrollView.frame.origin.y);
}
// 重启计时器，从当前时间开始计算5s内
- (void)restartAutoScrollTimer {

    if (self.autoScrollTimer.isValid) {
        [self.autoScrollTimer invalidate];
        self.autoScrollTimer = nil;
    }
    self.autoScrollTimer = [NSTimer scheduledTimerWithTimeInterval:5.0f target:self selector:@selector(autoShowNextImage) userInfo:nil repeats:YES];
}

2.用三个imageView实现图片的无限循环播放，即不停的根据当前页切换三个imageView上的图片
3.计算三个imageView要展示的图片的下摆哦公式是：
Left 取得图片的索引是 (index + array.count) % array.count
Middle 取得图片的索引是 (index + array.count - 1) % array.count
Right 取得图片的索引是 (index + array.count + 1) % array.count

#define CC_CYCLEINDEX_CALCULATE(x,y) (x+y)%y  // Calculate the cycle index
// Change the carousel picture
- (void)changeImageViewWith:(NSInteger)imageNumber
{
    self.middleImageView.image = self.imageArray[CC_CYCLEINDEX_CALCULATE(imageNumber,self.imageArray.count)];
    self.leftImageView.image = self.imageArray[CC_CYCLEINDEX_CALCULATE(imageNumber - 1,self.imageArray.count)];
    self.rightImageView.image = self.imageArray[CC_CYCLEINDEX_CALCULATE(imageNumber + 1,self.imageArray.count)];
}

4.手动滚动时，怎么根据偏移量切换图片

#pragma mark -
#pragma mark - scrollViewDelegate part
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    // Open the manual scroll
    self.tvuScrollView.scrollEnabled = YES;
    [self restartAutoScrollTimer];
    CGPoint offset = self.tvuScrollView.contentOffset;
    if (offset.x == 2 * self.tvuScrollView.frame.size.width) {// 后一张图片
        self.currentPage = CC_CYCLEINDEX_CALCULATE(self.currentPage  + 1,self.imageArray.count);
    } else if (offset.x == 0){// 前一张图片
        self.currentPage = CC_CYCLEINDEX_CALCULATE(self.currentPage  - 1,self.imageArray.count);
    }else{
        return;
    }
    self.tvuPageControl.currentPage = self.currentPage;
    [self changeImageViewWith:self.currentPage];
    self.tvuScrollView.contentOffset = CGPointMake(self.tvuScrollView.frame.size.width, self.tvuScrollView.frame.origin.y);

    if (self.currentPage == 3) {
        self.buttonTitle = [NSString stringWithFormat:@"%@ >>",NSLocalizedString(@"Close", nil)];
        [self.hideCarouselViewButton setTitle:self.buttonTitle forState:UIControlStateNormal];
    }else {
        self.buttonTitle = [NSString stringWithFormat:@"%@ >>",NSLocalizedString(@"Skip", nil)];
        [self.hideCarouselViewButton setTitle:self.buttonTitle forState:UIControlStateNormal];
    }    
}

5.XIB 创建scrollview时，需要通过代码重置frame以适配多种机型尺寸

#pragma mark -
#pragma mark - XIB layout part
- (void)updateViewConstraints{
    [super updateViewConstraints];
    self.tvuScrollView.frame = [UIScreen mainScreen].bounds;
    self.contentViewWidth.constant = CGRectGetWidth([UIScreen mainScreen].bounds) * imageViewCount;
    self.middleImageViewLeading.constant = CGRectGetWidth([UIScreen mainScreen].bounds) * (imageViewCount - 3);
    self.middleImageViewLeading.constant = CGRectGetWidth([UIScreen mainScreen].bounds) * (imageViewCount - 2);
    self.rightImageViewLeading.constant = CGRectGetWidth([UIScreen mainScreen].bounds) * (imageViewCount - 1);
    self.tvuScrollView.contentOffset = CGPointMake(CGRectGetWidth([UIScreen mainScreen].bounds), 0);
}

三 、 其他知识点
1.判断应用第一次打开或者升级后第一次打开

    NSString *currentVersion = [[[NSBundle mainBundle] infoDictionary] objectForKey:@"CFBundleShortVersionString"];
    NSString *saveVersion  = [[NSUserDefaults standardUserDefaults] objectForKey:@"CFBundleShortVersionString"];
    if ([currentVersion floatValue] > [saveVersion floatValue]) {
        NSLog(@"用户是第一次安装或者升级后第一次打开");
    }

2.如何判断当前设备的语言环境

    NSArray *allLanguages = [TVUUserDefaults objectForKey:@"AppleLanguages"];
    NSString *preferredLang = [allLanguages objectAtIndex:0];
    if([preferredLang rangeOfString:@"zh-Hans"].location != NSNotFound) {

        NSLog(@"中文语言环境");
    }else {

        NSLog(@"英文或者其他语言环境");
    }

3.判断设备机型

+ (NSString*)deviceModelName
{
    struct utsname systemInfo;
    uname(&systemInfo);
    NSString *deviceModel = [NSString stringWithCString:systemInfo.machine encoding:NSUTF8StringEncoding];

    //iPhone
    if ([deviceModel isEqualToString:@"iPhone8,1"])    return @"iPhone 6s";
    if ([deviceModel isEqualToString:@"iPhone8,2"])    return @"iPhone 6s Plus";
    if ([deviceModel isEqualToString:@"iPhone9,1"])    return @"iPhone 7 (CDMA)";
    if ([deviceModel isEqualToString:@"iPhone9,3"])    return @"iPhone 7 (GSM)";
    if ([deviceModel isEqualToString:@"iPhone9,2"])    return @"iPhone 7 Plus (CDMA)";
    if ([deviceModel isEqualToString:@"iPhone9,4"])    return @"iPhone 7 Plus (GSM)";

    if ([deviceModel isEqualToString:@"iPhone10,1"])    return @"iPhone 8";
    if ([deviceModel isEqualToString:@"iPhone10,4"])    return @"iPhone 8";
    if ([deviceModel isEqualToString:@"iPhone10,2"])    return @"iPhone 8 Plus";
    if ([deviceModel isEqualToString:@"iPhone10,5"])    return @"iPhone 8 Plus";

    if ([deviceModel isEqualToString:@"iPhone10,3"])    return @"iPhone X";
    if ([deviceModel isEqualToString:@"iPhone10,6"])    return @"iPhone X";

    if ([deviceModel isEqualToString:@"iPhone5,1"])    return @"iPhone 5";
    if ([deviceModel isEqualToString:@"iPhone5,2"])    return @"iPhone 5";
    if ([deviceModel isEqualToString:@"iPhone5,3"])    return @"iPhone 5C";
    if ([deviceModel isEqualToString:@"iPhone5,4"])    return @"iPhone 5C";
    if ([deviceModel isEqualToString:@"iPhone6,1"])    return @"iPhone 5S";
    if ([deviceModel isEqualToString:@"iPhone6,2"])    return @"iPhone 5S";
    if ([deviceModel isEqualToString:@"iPhone7,1"])    return @"iPhone 6 Plus";
    if ([deviceModel isEqualToString:@"iPhone7,2"])    return @"iPhone 6";

    //iPod
    if ([deviceModel isEqualToString:@"iPod1,1"])      return @"iPod Touch 1G";
    if ([deviceModel isEqualToString:@"iPod2,1"])      return @"iPod Touch 2G";
    if ([deviceModel isEqualToString:@"iPod3,1"])      return @"iPod Touch 3G";
    if ([deviceModel isEqualToString:@"iPod4,1"])      return @"iPod Touch 4G";
    if ([deviceModel isEqualToString:@"iPod5,1"])      return @"iPod Touch 5G";

    //iPad
    if ([deviceModel isEqualToString:@"iPad1,1"])      return @"iPad";
    if ([deviceModel isEqualToString:@"iPad2,1"])      return @"iPad 2 (WiFi)";
    if ([deviceModel isEqualToString:@"iPad2,2"])      return @"iPad 2 (GSM)";
    if ([deviceModel isEqualToString:@"iPad2,3"])      return @"iPad 2 (CDMA)";
    if ([deviceModel isEqualToString:@"iPad2,4"])      return @"iPad 2 (32nm)";
    if ([deviceModel isEqualToString:@"iPad2,5"])      return @"iPad mini (WiFi)";
    if ([deviceModel isEqualToString:@"iPad2,6"])      return @"iPad mini (GSM)";
    if ([deviceModel isEqualToString:@"iPad2,7"])      return @"iPad mini (CDMA)";

    if ([deviceModel isEqualToString:@"iPad3,1"])      return @"iPad 3(WiFi)";
    if ([deviceModel isEqualToString:@"iPad3,2"])      return @"iPad 3(CDMA)";
    if ([deviceModel isEqualToString:@"iPad3,3"])      return @"iPad 3(4G)";
    if ([deviceModel isEqualToString:@"iPad3,4"])      return @"iPad 4 (WiFi)";
    if ([deviceModel isEqualToString:@"iPad3,5"])      return @"iPad 4 (4G)";
    if ([deviceModel isEqualToString:@"iPad3,6"])      return @"iPad 4 (CDMA)";

    if ([deviceModel isEqualToString:@"iPad4,1"])      return @"iPad Air";
    if ([deviceModel isEqualToString:@"iPad4,2"])      return @"iPad Air";
    if ([deviceModel isEqualToString:@"iPad4,3"])      return @"iPad Air";
    if ([deviceModel isEqualToString:@"iPad5,3"])      return @"iPad Air 2";
    if ([deviceModel isEqualToString:@"iPad5,4"])      return @"iPad Air 2";
    if ([deviceModel isEqualToString:@"iPad6,3"])      return @"iPad Pro 9.7";
    if ([deviceModel isEqualToString:@"iPad6,4"])      return @"iPad Pro 9.7";
    if ([deviceModel isEqualToString:@"iPad6,7"])      return @"iPad Pro 12.9";
    if ([deviceModel isEqualToString:@"iPad6,8"])      return @"iPad Pro 12.9";
    if ([deviceModel isEqualToString:@"iPad6,11"])     return @"iPad Pro 9.7 5Gen";
    if ([deviceModel isEqualToString:@"iPad6,12"])     return @"iPad Pro 9.7 5Gen";
    if ([deviceModel isEqualToString:@"iPad7,1"])      return @"iPad Pro 12.9 2Gen";
    if ([deviceModel isEqualToString:@"iPad7,2"])      return @"iPad Pro 12.9 2Gen";
    if ([deviceModel isEqualToString:@"iPad7,3"])      return @"iPad Pro 10.5";
    if ([deviceModel isEqualToString:@"iPad7,4"])      return @"iPad Pro 10.5";

    if ([deviceModel isEqualToString:@"i386"])         return @"Simulator";
    if ([deviceModel isEqualToString:@"x86_64"])       return @"Simulator";

    if ([deviceModel isEqualToString:@"iPad4,4"]
        ||[deviceModel isEqualToString:@"iPad4,5"]
        ||[deviceModel isEqualToString:@"iPad4,6"])      return @"iPad mini 2";

    if ([deviceModel isEqualToString:@"iPad4,7"]
        ||[deviceModel isEqualToString:@"iPad4,8"]
        ||[deviceModel isEqualToString:@"iPad4,9"])      return @"iPad mini 3";

    if ([deviceModel isEqualToString:@"iPad5,1"] || [deviceModel isEqualToString:@"iPad5,2"])      return @"iPad mini 4";

    return deviceModel;
}
EleCat_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
xib里 scrollView的 适配
Scarlett的博客
04-01 2305
ScrollView s上  一定要放一个view, 然后再布局, view, 和scrollview相等 也还要设置 固定宽高, 把 view的宽高 拉成属性, 代码里 动态修改高度  就能实现 scrollview的滚动 scrollView的约束 view上的约束 @property (weak, nonatomic) IBOutlet NSLay
iOScollectionView广告无限滚动实例(Swift实现)
01-20
本篇文章将详细讲解如何利用Swift实现一个广告无限滚动的效果，适用于那些初学者或想要了解此类功能的iOS开发者。 首先，我们要明白无限滚动的基本原理：通过在数据源中重复插入原有数据，使用户在滚动时感觉像是在...
IOS TableView ScrollView 嵌套（xib）
08-26
初学IOS分享自己的一点心得 TableView ScrollView 嵌套
xib做scrollView iOS
ximiaoweilai的博客
03-24 666
demo地址：https://gitee.com/songshuangjun/scrollView 就简单点来，一个scrollIView ,内部一个innerView.具体操作截图如下。 1.约束scrollIView的上下左右 2。innerIView的宽和高。 3。 . 4. 5.结合代码。 demo地址：https://gitee.com/songs...
Storyboard(故事板)中的UIScrollView添加约束，使其能够滚动
黄旺鑫
12-12 7167
看一下效果 1. 创建一个项目，拖拽一个ScrollView到故事板中，如下图 2. 选中ScrollView，添加约束。 3. 拖拽一个View到ScrollView上， 然后添加上下左右四周约束。 4.添加完之后， 可能会报一个错， 如下图， 这个暂时别去管。
iOS-xib创建UIScrollView
weixin_34043301的博客
11-03 187
2019独角兽企业重金招聘Python工程师标准>>> ...
swift-PCBanner自动滚动的小横幅(支持各种内嵌操作)
08-15
开发者通常会使用UIImageView类来显示图片，但要实现一个自动滚动的小横幅，我们需要更复杂的逻辑。首先，这个组件可能包含一个UICollectionView或UIScrollView，这两种视图都可以用来创建滚动效果。其中，...
用UIScrollView和UIPageControl做的支持滚动查看图片的例子
06-25
在这个例子中，开发者使用纯代码方式，而非XIB（Interface Builder）文件，创建了一个在iOS 7环境下运行的支持图片滚动查看的应用。 首先，我们来看`UIScrollView`。`UIScrollView`是苹果提供的一个可以滚动显示...
ScrollViewDemo.zip
01-16
ScrollViewDemo.zip是一个面向iOS开发者的示例项目，它展示了如何在XIB（Xcode Interface Builder）或Storyboard中有效地使用UIScrollView。UIScrollView是iOS SDK中的一个关键组件，它允许用户通过滚动来查看超过...
iOS开发之级联界面(推荐界面)搭建原理
01-20
在实际运行中，可能会遇到一个`UITableView`的顶部被遮挡的问题，这是因为苹果默认只会为界面上的一个`UIScrollView`提供额外的滚动区域。为解决此问题，我们需要手动设置每个`UITableView`的滚动区域。 选中`...
iOS xib文件中添加ScrollView约束的方法
08-28
下面小编就为大家分享一篇iOS xib文件中添加ScrollView约束的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
通过js实现图片自动滚动，也可以手动控制滚动。
07-11
通过js实现图片自动滚动，也可以手动控制滚动。
iOS关于使用xib设置scrollView
weixin_30296405的博客
04-21 228
1.添加scrollView,加上下左右约束，比如满屏，设置为0; 2.为scrollView添加子View，作为其contentView; 3.为view加约束，设置上／左／右和高(height); 4.此时，scrollView会报错，不用担心，设置view的约束，距离下方像素，比如设置为0（根据需要设置）； 5. 此时设置完还会有警告，别害怕，设置其需要水平滑动还是垂直滑动，OK,设...
ios 用xib添加纵向滚动scrollview
Crazy Android
06-12 2021
1.拉一个scrollview到storybord上。设置上下左右四个约束。这一部设置了scrollview的frame.2.再拉一个view取名为contrainerView到scrollView下面。设置contrainerView的上下左右四个约束。再设置containerView和scorllView等宽度。可以暂时设置下contrainerview的intrinsic size为plac...
iOS 在 xib 文件中使用 UIScrollView
chenshun123的博客
01-07 1202
以下以垂直滚动条为例 1> 创建 Scroll View 并在其中放入一个容器 View，其中存放其它的子控件 2> 对容器 View设置相关的约束，这是设置显示 View 需要显示的高度或是宽度 注 : 设置 Hight，如是水平方向则设置 Width 3> 垂直滑动，所以需要点选容器 View的 Horizontal Center in Containe
用xib拖scrollView
Delegate_M的博客
07-25 2687
1、在使用xib定制界面时，我们经常会用到AutoLayout自动布局，或者不用AutoLayout，自己在xib属性的地方进行约束 2、xib中，ScrollView的自动约束并不像我们平常约束其他view一样，由于ScrollView的滚动范围是由有属性ContentSize决定的，所以在xib中使用AutoLayout约束的时候会相对杂一下。  3、在xib中拖动一个scroller
iOS_UIScrollView实现无限滚动,思路与代码
探路者的专栏
04-16 1008
UIScrollView实现无限滚动的三种思路。 当然只是我的一些用法，当然还有非常多的实现方式，如果大家有好的实现思路也可以告诉我，相互学习嘛~ UIScrollView无限滚动 第一种方式： 原理：利用结束的位置来重新设置ScrollView ContentOffset的值，让人产生视觉上的无限循环，优点：代码易懂，缺点，会创建多余的内存。 第二种方式：
自动无限循环UIScrollView原理
weixin_30347335的博客
11-02 122
无限循环：我们都知道UIScrollView有一种很流畅的切换效果，结合UIPageControl的辅助展示效果，就可以完成一个很不错的产品介绍功能页面。那么像一些购物app中，商品展示页面无限滚动的效果是如何实现的呢？方法1：前后+1方法，这也最常见的一种做法。假如我们有四张需要展示的图片，我们创建了一个数组来保存图片名字，此时数组中保存的是按顺序的1.png，2.png，3.png，4.png...
UIScrolView里自己滚动滑动 ，无限制那种
lihui061119的专栏
08-05 649
之前在上海的公司，曾经要求过在佣兵界面做这种效果！ 要求：       1. 我有2个英雄，左右滑动的时候，永远不会见到尽头！       2. 相当于：向右的时候，到最后是一个的时候，再冲第一个开始滑动， 不知道，我说的这个要求实现的效果，大家看明白没有！ 先贴方法吧！ 具体咱再留言私聊！  具体我都详细标示了！   一般咱们的习惯都是Grid排序对吧！ 现在换成UI
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值