关于UIScrollView无限循环滑动
在使用某宝或某东购物的时候,我们会在其首页看到一个可以滑动的版块,这个版块的实现就是一个UIScrollView.在我们使用UIScrollView的时候会发现,滑动到最后的时候,UIScrollView不能像上面说的版块那样又回到最初的地方.基于此,做了一个小Demo来实现UIScrollView的无限循环滑动.
小小思路:UIScrollView具有分页属性,要实现UIScrollView的无限循环滑动,我们不能生硬暴力的给一个数组按规律的,无限的添加图片,这样手机内存还不爆炸 0.0 , 如何用最少的页面实现无限循环呢? 三个,其实只需要三个页面就可以实现UIScrollView的无限循环滑动.左丶中丶右 三个页面.刚进入程序时,左边放最后一张图片,中间第一张图片,右边放第二张.向左滑动一张图片,左边变成了第一张图片,中间是第二张,右边则变成了第三张图片.依此便可实现UIScrollView的无限循环滑动了.
Demo 如下 :
.h文件
声明一个数组来接收外部传入的图片
@interface MyScrollView: UIView <UIScrollViewDelegate>
@property(nonatomic, strong)NSArray *dataArr;
@end
.m文件
实现无线循环滑动
#define kPageCtrlHeight 37 //UIPageControl的高度
@interface MyScrollView ()
{
UIImageView *leftView;
UIImageView *centerView;
UIImageView *rightView;
UIScrollView *scrollView;
UIPageControl *pageCtrl; // 页面控制器 ...
NSInteger currentPageNumber;
}
@end
@implementation MyScrollView
/*----------------始终只有左,中,右3个imgView,将数据源加入到这3个imgView中显示--------------------------*/
- (instancetype)init
{
return [self initWithFrame:[UIScreen mainScreen].bounds];
}
- (instancetype)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
[self createUI:frame];
}
return self;
}
-(void)createUI:(CGRect)frame
{
scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, frame.size.width, frame.size.height - kPageCtrlHeight)];
scrollView.delegate = self;
scrollView.pagingEnabled = YES;
scrollView.showsHorizontalScrollIndicator = NO;
scrollView.showsVerticalScrollIndicator = NO;
pageCtrl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, frame.size.height - kPageCtrlHeight, frame.size.width, kPageCtrlHeight)];
pageCtrl.backgroundColor = [UIColor lightGrayColor];
[self addSubview:scrollView];
[self addSubview:pageCtrl];
leftView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, scrollView.frame.size.width, scrollView.frame.size.height)];
centerView = [[UIImageView alloc] initWithFrame:CGRectMake(scrollView.frame.size.width, 0, scrollView.frame.size.width, scrollView.frame.size.height)];
rightView = [[UIImageView alloc] initWithFrame:CGRectMake(scrollView.frame.size.width*2, 0, scrollView.frame.size.width, scrollView.frame.size.height)];
[scrollView addSubview:leftView];
[scrollView addSubview:centerView];
[scrollView addSubview:rightView];
}
-(void)setDataArr:(NSArray *)dataArr
{
if (![dataArr isKindOfClass:[NSArray class]] || dataArr.count == 0) {
return;
}
_dataArr = dataArr;
[self setInitProperty];
}
-(void)setInitProperty
{
pageCtrl.numberOfPages = _dataArr.count; //总页码
//内容
scrollView.contentSize = CGSizeMake(_dataArr.count * scrollView.frame.size.width, scrollView.frame.size.height);
[scrollView setContentOffset:CGPointMake(scrollView.frame.size.width, 0)];//偏移位置,第一页
currentPageNumber = 0;
[self loadPageContent];
}
-(void)loadPageContent
{
centerView.image = [UIImage imageNamed:_dataArr[currentPageNumber]];
NSInteger leftImgIndex = (currentPageNumber - 1 + _dataArr.count) % _dataArr.count;
leftView.image = [UIImage imageNamed:_dataArr[leftImgIndex]];
NSInteger rightImgIndex = (currentPageNumber + 1) % _dataArr.count;
rightView.image = [UIImage imageNamed:_dataArr[rightImgIndex]];
pageCtrl.currentPage = currentPageNumber;
}
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView_
{
if (scrollView.contentOffset.x > scrollView.bounds.size.width) { //向左滑动
currentPageNumber = (currentPageNumber + 1) % _dataArr.count;
}else if (scrollView.contentOffset.x < scrollView.bounds.size.width){ //向右滑动
currentPageNumber = (currentPageNumber - 1 + _dataArr.count) % _dataArr.count;
}
[self loadPageContent];
scrollView.contentOffset = CGPointMake(scrollView.bounds.size.width, 0);
}
@end
ViewController.m 文件:
对myScrollView初始化并
调用myScrollView中dataArr setter方法即可。
关于UIScrollView无限循环滑动的更多相关文章
- android中无限循环滑动的gallery实例
android中无限循环滑动的gallery实例 1.点击图片有变暗的效果,使用imageview.setAlpha(),并且添加ontouchListener public void init() ...
- iOS开发学习--纯代码 UIScrollView 无限循环的实现——代码类封装
一个简单的利用UIScrollView 实现的无线滚动banner,下面的代码实现,因为封装问题,对两个及一下的view 支持出了一点问题(view是传参进来的,不可以生成两份),但是原理是正确的,智 ...
- Android使用ViewPager实现无限循环滑动及轮播(附源代码)
MainActivity例如以下: package cc.ww; import java.util.ArrayList; import android.app.Activity; import and ...
- 详细分析Android viewpager 无限循环滚动图片
由于最近在忙于项目,就没时间更新博客了,于是趁着周日在房间把最近的在项目中遇到的技术总结下.最近在项目中要做一个在viewpager无限滚动图片的需求,其实百度一下有好多的例子,但是大部分虽然实现了, ...
- android:使用gallery和imageSwitch制作可左右循环滑动的图片浏览器
为了使图片浏览器左右无限循环滑动 我们要自己定义gallery的adapter 假设要想自己定义adapter首先要了解这几个方法 @Override public int getCount() { ...
- UIScrollView实现图片轮播器及其无限循环效果
图片轮播器: 一.实现效果 实现图片的自动轮播 二.实现代码 storyboard中布局 代码: 1 #import "YYViewController.h" ...
- 扩展ViewFlow避免和ViewPager滑动冲突,同时支持无限循环,并完美和CircleFlowIndicator结合
首先,为了避免滑动冲突,我们要继承ViewFlow,重写onInterceptTouchEvent public class MyViewFlow extends ViewFlow { private ...
- iOS开发系列--无限循环的图片浏览器
--UIKit之UIScrollView 概述 UIKit框架中有大量的控件供开发者使用,在iOS开发中不仅可以直接使用这些控件还可以在这些控件的基础上进行扩展打造自己的控件.在这个系列中如果每个控件 ...
- iOS无限循环滚动scrollview
经常有园友会问"博主,有没有图片无限滚动的Demo呀?", 正儿八经的图片滚动的Demo我这儿还真没有,今天呢就封装一个可以在项目中直接使用的图片轮播.没看过其他iOS图片无限轮播 ...
随机推荐
- PHP中die()、exit()、return的区别
1.die()是exit()的别名函数,用法与exit()完全相同,php手册上的说法是,“使用这种别名通常不是个好主意,因为这种别名可能会被完全废弃或更名,导致脚本难以移植到新版本的 PHP 上.” ...
- MyBatis基本配置和实践(三)
一.输入映射和输出映射 mapper.xml映射文件中定义了操作数据库的sql,每条sql就是一个statement,映射文件是MyBatis的核心. 1.parameterType(输入类型) 简单 ...
- Java容器之HashMap源码分析
在java的容器框架中,hashMap是最常用的容器之一,下面我们就来深入了解下它的数据结构和实现原理 先看下HashMap的继承结构图 下面针对各个实现类的特点进行下说明:1)HashMap: 它是 ...
- Ubuntu下Visual Studio Code的配置
最近在Ubuntu系统里用Visual Studio Code编写vue代码时,在build的时候老是报错,后来发现原来Visual Studio Code里默认Tab是4个空格,而vue代码要求ta ...
- 【转】snmpwalk常用用法
在日常监控中,经常会用到snmp服务,而snmpwalk命令则是测试系统各种信息最有效的方法,现总结一些常用的方法如下: 1.snmpwalk -v 2c -c public 10.103.33.1 ...
- WINDBG解决cpu占高的问题
https://blog.csdn.net/yenange/article/details/62886988 https://blog.csdn.net/zhushentian/article/det ...
- Java学习---Pinyin4j使用手册
一般用法 pinyin4j的使用很方便,一般转换只需要使用PinyinHelper类的静态工具方法即可: String[] pinyin = PinyinHelper.toHanyuPinyinStr ...
- SharePoint2007深入浅出——使用jQuery UI
jQuery1.6.4.js + jQuery UI 1.8.16.js 只有这个版本在IE8下的兼容性视图+Quirks(文本模式),dialog可以正常显示.
- August 19th 2017 Week 33rd Saturday
Live for today and stop stressing out about tomorrow. 为今天而活,不必为明天过分担心. Stop bewailing the past misfo ...
- OC文件操作2
1.对文件本身的操作 NSManager 2.对文件内容的操作 NSHandle 文件句柄 NSFileHandle * fh = [NSFileHandle fileHandleForReading ...