接触的每个项目,都会用到轮播图的部分,轮播图都写了好多次,用过各种各样的方式写:

这篇总结的博客,我将分为几个篇幅写,希望写完这几篇博客之后,我能总结出自己写这个轮播的优缺和不同之处

  1. scrollview 制作轮播
  2. tableview 制作轮播
  3. collectionview 制作轮播
  4. 三个imageview 制作轮播,两个imageView 制作轮播
  5. 一个imageView 制作轮播
  6. 设计轮播计时器 和 总结代码的优缺点(希望顺利写到这篇博客)

介绍完篇幅了,现在进入本篇的主题,用scrollview 制作 轮播;

使用的还是那个很老套的思路,就是填补最初一张和最后一张 图片,向后滚动到最后一张的时候,设置成第二张的,向左滚动到第一张的时候,

设置成倒数第二张;逻辑图 就是这样了:::::

2 0 1 2 0

总之就是这样的吧:

顺利的谱写代码--- 写代码的艺术家 v^v

1.创建一个view 作为轮播图封装 ----ScrollViewShuffling

@interface ScrollViewShuffling : UIView

// 这个是滚动视图 传入的数组
@property (nonatomic,strong)NSArray *array; @end

下面就是具体实现了,重中之重:::::::

@interface ScrollViewShuffling ()<UIScrollViewDelegate>

@property (nonatomic,strong)UIScrollView *scrollView;
@property (nonatomic,strong)NSMutableArray *scrollArray; @end @implementation ScrollViewShuffling
@synthesize array = _array; -(instancetype)initWithFrame:(CGRect)frame{ if (self == [super initWithFrame:frame]) {
}
return self;
} -(UIScrollView*)scrollView{ if (_scrollView == nil) {
CGRect scrollRect = CGRectMake(, , self.frame.size.width, self.frame.size.height);
_scrollView = [[UIScrollView alloc]initWithFrame:scrollRect];
[self addSubview:_scrollView];
_scrollView.pagingEnabled = YES;
_scrollView.delegate = self;
}
return _scrollView;
} -(void)setArray:(NSArray *)array{ NSAssert(array.count != , @"传入的滚动数组是 空的");
_array = array;
[self prepareData];
[self initImageViews];
} -(void)prepareData{ self.scrollArray = [NSMutableArray new];
// 首位 添加数组最后的元素
[self.scrollArray addObject:_array.lastObject];
// 添加数组元素
[self.scrollArray addObjectsFromArray:_array];
// 末尾 补充第一个元素
[self.scrollArray addObject:_array.firstObject];
} -(void)initImageViews{ self.scrollView.contentSize = CGSizeMake(self.scrollArray.count *self.frame.size.width, );
self.scrollView.contentOffset = CGPointMake(self.frame.size.width, ) ; for (int index = ; index < self.scrollArray.count; index++) { CGRect imageRect = CGRectMake(index*self.frame.size.width, , self.frame.size.width, self.frame.size.height);
UIImageView *imageView = [[UIImageView alloc]initWithFrame:imageRect];
// imageView.image =
imageView.backgroundColor = (UIColor*)self.scrollArray[index];
[self.scrollView addSubview:imageView];
}
} -(void)scrollViewDidScroll:(UIScrollView *)scrollView{ if (scrollView == self.scrollView) {
//检测移动的位移
if (scrollView.contentOffset.x == (self.scrollArray.count-) * self.frame.size.width ) { CGPoint startPoint = CGPointMake(self.frame.size.width, );
[self.scrollView setContentOffset:startPoint animated:false]; }else if (scrollView.contentOffset.x == ){ CGPoint endPoint = CGPointMake((self.scrollArray.count-) * self.frame.size.width,);
[self.scrollView setContentOffset:endPoint animated:false];
}else{
// 正常的滚动
}
}
}

现在实现了滚动的基本功能。

  1. 一定要设置scollview 的contensize和 contentoffset
  2. 设置scollview 的代理
  3. 数组asset 这个是考虑传空值,才加入的,如果有更好的方法,可以换掉吧

外界调用::::

/*
引入头文件
创建 + 赋值
*/
-(void)prepareScrollShuffling{ ScrollViewShuffling *scrollShuffling = [[ScrollViewShuffling alloc]initWithFrame:CGRectMake(, , self.view.frame.size.width-, )]; [self.view addSubview:scrollShuffling];;
scrollShuffling.array = self.arr;
}

scollview 就先写到这里好了,待续………………

01.轮播图之一 :scrollView 轮播的更多相关文章

  1. Android开发工程师文集-Fragment,适配器,轮播图,ScrollView,Gallery 图片浏览器,Android常用布局样式

    Android开发工程师文集-Fragment,适配器,轮播图,ScrollView,Gallery 图片浏览器,Android常用布局样式 Fragment FragmentManager frag ...

  2. swiper轮播问题之一:轮播图内容为动态数据生成时轮播图无法自动轮播

    本人在用H5做移动端项目中使用Swiper遇到的两个问题,因此加深了对Swiper的掌握,分享出来对刚开始接触Swiper的童鞋们或多或少会有帮助.        首先,new Swiper的初始化最 ...

  3. vue-music 使用better-scroll遇到轮播图不能自动轮播

    根据vue-music视频中slider组建的使用,当安装新版本的better-scroll,轮播组件,不能正常轮播 这是因为,better-scroll发布新版本之后,参数设置发生改变 这是旧版本: ...

  4. 焦点轮播图(tab轮播)

    主要有两部分:1.列表导航(小图片) 2.展示区(大图片) 页面布局: HTML部分:    <div class="s_conC">                  ...

  5. swiper手滑动轮播图后自动轮播失效解决办法

    设置autoplay:true之后,再设置 autoplay:{disableOnInteraction: false} --------------------------------------- ...

  6. Android开发进程0.1 轮播图 Scrollview Fragment

    轮播图的实现 轮播图通过banner可以较为便捷的实现 1.添加本地依赖,在dependence中搜索相关依赖 2.添加banner的view组件 3.创建适配器GlideImageLoader ex ...

  7. iOS回顾笔记(05) -- 手把手教你封装一个广告轮播图框架

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,bi ...

  8. iOS中 轮播图放哪最合适? 技术分享

    我们知道,轮播图放在cell或collectionViewCell上会影响用户层级交互事件,并且实现起来比较麻烦,现在推出一个技术点:答题思路是:将UIScrollView放在UIView或UICol ...

  9. Swift-ScrollView轮播图的简易封装和使用

    不多说,轮播图是开发中必要一项技能,直接上代码: 先说我的思路:首次继承于UIScrollView类自定义MyScrollView,在MyScrollView里自定制方法,func creatMySc ...

  10. JavaScript--缓动动画+轮播图

    上效果: 实现步骤: 最重要的是运动公式!!! <!DOCTYPE html> <html> <head> <meta charset="UTF-8 ...

随机推荐

  1. Codeforces#572 Div2 C---Candies!【倍增】【DP】【思维】

    题目:http://codeforces.com/contest/1189/problem/C 题意:给定n个数,每次查询一个区间$[l,r]$.对这个区间内的数,相邻两个数之和超过10,则得到一个c ...

  2. 洛谷P2577 午餐【贪心】【线性dp】

    题目:https://www.luogu.org/problemnew/show/P2577 题意:n个人每个人有一个打饭时间和吃饭时间,将他们分成两个队伍.每个人打到饭之后就马上去吃饭.问怎么安排可 ...

  3. 简单聊一下对MySQL索引的理解?

    一.索引是什么? 索引是帮助MySQL高效获取数据的数据结构. 二.索引能干什么? 索引非常关键,尤其是当表中的数据量越来越大时,索引对于性能的影响愈发重要. 索引能够轻易将查询性能提高好几个数量级, ...

  4. Laravel 中使用 Repository 模式

    在本文中,我会向你展示如何在 Laravel 中从头开始实现 repository 设计模式.我将使用 Laravel 5.8.3 版,但 Laravel 版本不是最重要的.在开始写代码之前,你需要了 ...

  5. REST与RPC区别

    OSI网络七层模型 第一层:应用层.定义了用于在网络中进行通信和传输数据的接口: 第二层:表示层.定义不同的系统中数据的传输格式,编码和解码规范等: 第三层:会话层.管理用户的会话,控制用户间逻辑连接 ...

  6. 重载new和delete运算符

    内存管理运算符 new.new[].delete 和 delete[] 也可以进行重载,其重载形式既可以是类的成员函数,也可以是全局函数.一般情况下,内建的内存管理运算符就够用了,只有在需要自己管理内 ...

  7. KMP解决字符串最小循环节相关问题

    经典问题 : 给出一个由某个循环节构成的字符串,要你找出最小的循环节,例如 abababab 最小循环节当是 ab ,而类似 abab 也可以成为它的循环节,但并非最短. 分析 : 对于上述问题有两个 ...

  8. [MUTC2013]idiots

    嘟嘟嘟 首先\(O(n ^ 2)\)大家都会,枚举最长边,然后找两条短边满足两边之大于第三边即可. 然后估计就没法优化了. 正难则反,如果枚举的两条短边小于等于第三边会怎么样呢?发现\(a_i \le ...

  9. 【テンプレート】字符串hash

    不懂hash是什么的盆友给出直通车:滴滴滴,开车啦~ 如果你看懂了的话: hash模板来也~ #include <cstdio> #include <string> #incl ...

  10. 10月清北学堂培训 Day 6

    今天是黄致焕老师的讲授~ T1 自信 AC 莫名 80 pts???我还是太菜了!! 对于每种颜色求出该颜色的四个边界,之后枚举边界构成的矩阵中每个元素,如果不等于该颜色就标记那种颜色不能最先使用. ...