CycleScrollView实现轮播图
//
// CycleScrollView.h
// PagedScrollView
//
// Created by 李洪强 on 16-1-23.
// Copyright (c) 2016年 李洪强. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface CycleScrollView : UIView
@property (nonatomic , strong) NSTimer *animationTimer;
@property (nonatomic , readonly) UIScrollView *scrollView;
/**
* 初始化
*
* @param frame frame
* @param animationDuration 自动滚动的间隔时长。如果<=0,不自动滚动。
*
* @return instance
*/
- (id)initWithFrame:(CGRect)frame animationDuration:(NSTimeInterval)animationDuration;
- (void)pause;
- (void)restart;
/**
数据源:获取总的page个数
**/
@property (nonatomic ,copy) NSInteger (^totalPagesCount)(void);
/**
数据源:获取第pageIndex个位置的contentView
**/
@property (nonatomic , copy) UIView *(^fetchContentViewAtIndex)(NSInteger pageIndex);
/**
当点击的时候,执行的block
**/
@property (nonatomic , copy) void (^TapActionBlock)(NSInteger pageIndex);
@end
-------------------------------------------------------------------
//
// CycleScrollView.m
// PagedScrollView
//
// Created by 李洪强 on 16-1-23.
// Copyright (c) 2014年 李洪强. All rights reserved.
//
#import "CycleScrollView.h"
#import "NSTimer+Addition.h"
@interface CycleScrollView () <UIScrollViewDelegate>
{
BOOL onlyOnePage;
}
@property (nonatomic , assign) NSInteger currentPageIndex;
@property (nonatomic , assign) NSInteger totalPageCount;
@property (nonatomic , strong) NSMutableArray *contentViews;
@property (nonatomic , strong) UIScrollView *scrollView;
@property (nonatomic , assign) NSTimeInterval animationDuration;
@property (nonatomic,strong) UIPageControl *pageControl;
@end
@implementation CycleScrollView
- (void)dealloc{
[self.animationTimer invalidate];
self.animationTimer = nil;
}
- (void)setTotalPagesCount:(NSInteger (^)(void))totalPagesCount{
_totalPageCount = totalPagesCount();
_pageControl.numberOfPages = _totalPageCount;
if (_totalPageCount > 0) {
if (_totalPageCount > 1) {
[self startTimerWithRepeats:YES];
}
else{
self.animationDuration = 0.01;
onlyOnePage = YES;
[self startTimerWithRepeats:NO];
}
}
}
- (void)startTimerWithRepeats:(BOOL)repeats{
if (!self.animationTimer){
self.animationTimer = [NSTimer scheduledTimerWithTimeInterval:self.animationDuration
target:self
selector:@selector(animationTimerDidFired:)
userInfo:nil
repeats:repeats];
}
[self.animationTimer pauseTimer];
CGPoint newOffset = CGPointMake(self.scrollView.contentOffset.x + CGRectGetWidth(self.scrollView.frame), self.scrollView.contentOffset.y);
[self.scrollView setContentOffset:newOffset animated:repeats];
[self configContentViews];
[self.animationTimer resumeTimerAfterTimeInterval:self.animationDuration];
}
- (id)initWithFrame:(CGRect)frame animationDuration:(NSTimeInterval)animationDuration{
self = [self initWithFrame:frame];
if (animationDuration > 0.0) {
self.animationDuration = animationDuration;
}
return self;
}
- (id)initWithFrame:(CGRect)frame{
self = [super initWithFrame:frame];
if (self) {
// Initialization code
self.autoresizesSubviews = YES;
self.scrollView = [[UIScrollView alloc] initWithFrame:self.frame];
self.scrollView.showsHorizontalScrollIndicator = NO;
self.scrollView.autoresizingMask = 0xFF;
self.scrollView.contentMode = UIViewContentModeCenter;
self.scrollView.contentSize = CGSizeMake(3 * CGRectGetWidth(self.frame), 0);//.scrollView.frame
self.scrollView.delegate = self;
self.scrollView.contentOffset = CGPointMake(CGRectGetWidth(self.frame), 0);//self.scrollView.frame
self.scrollView.pagingEnabled = YES;
[self addSubview:self.scrollView];
_scrollView.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin;
self.currentPageIndex = 0;
_pageControl = [[UIPageControl alloc]initWithFrame:CGRectMake(0, frame.size.height - 20, 100, 20)];
CGFloat centerY = _pageControl.center.y;
_pageControl.center = CGPointMake(self.width/2,centerY);
[self addSubview:_pageControl];
}
return self;
}
#pragma mark -
#pragma mark - 私有函数
- (void)configContentViews{
[self.scrollView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
[self setScrollViewContentDataSource];
NSInteger counter = 0;
for (UIView *contentView in self.contentViews) {
contentView.userInteractionEnabled = YES;
UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(contentViewTapAction:)];
[contentView addGestureRecognizer:tapGesture];
CGRect rightRect = contentView.frame;
rightRect.origin = CGPointMake((CGRectGetWidth(self.scrollView.frame)) * (counter++), 0);
contentView.frame = rightRect;
[self.scrollView addSubview:contentView];
}
[_scrollView setContentOffset:CGPointMake(_scrollView.frame.size.width, 0)];
if (onlyOnePage) {
[_scrollView setContentSize:CGSizeMake(_scrollView.size.width, _scrollView.size.height)];
}
}
/**
* 设置scrollView的content数据源,即contentViews
*/
- (void)setScrollViewContentDataSource{
NSInteger previousPageIndex = [self getValidNextPageIndexWithPageIndex:self.currentPageIndex - 1];
NSInteger rearPageIndex = [self getValidNextPageIndexWithPageIndex:self.currentPageIndex + 1];
if (self.contentViews == nil) {
self.contentViews = [@[] mutableCopy];
}
[self.contentViews removeAllObjects];
if (self.fetchContentViewAtIndex) {
[self.contentViews addObject:self.fetchContentViewAtIndex(previousPageIndex)];
[self.contentViews addObject:self.fetchContentViewAtIndex(_currentPageIndex)];
[self.contentViews addObject:self.fetchContentViewAtIndex(rearPageIndex)];
}
}
- (NSInteger)getValidNextPageIndexWithPageIndex:(NSInteger)currentPageIndex;
{
if(currentPageIndex == -1) {
return self.totalPageCount - 1;
} else if (currentPageIndex == self.totalPageCount) {
return 0;
} else {
return currentPageIndex;
}
}
#pragma mark -
#pragma mark - UIScrollViewDelegate
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
[self.animationTimer pauseTimer];
}
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
[self.animationTimer resumeTimerAfterTimeInterval:self.animationDuration];
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
int contentOffsetX = scrollView.contentOffset.x;
if(contentOffsetX >= (2 * CGRectGetWidth(scrollView.frame))) {
self.currentPageIndex = [self getValidNextPageIndexWithPageIndex:self.currentPageIndex + 1];
self.pageControl.currentPage = self.currentPageIndex;
// NSLog(@"next,当前页:%d",self.currentPageIndex);
[self configContentViews];
}
if(contentOffsetX <= 0) {
self.currentPageIndex = [self getValidNextPageIndexWithPageIndex:self.currentPageIndex - 1];
self.pageControl.currentPage = self.currentPageIndex;
// NSLog(@"previous,当前页:%d",self.currentPageIndex);
[self configContentViews];
}
}
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
[scrollView setContentOffset:CGPointMake(CGRectGetWidth(scrollView.frame), 0) animated:YES];
}
#pragma mark -
#pragma mark - 响应事件
- (void)animationTimerDidFired:(NSTimer *)timer
{
CGPoint newOffset = CGPointMake(self.scrollView.contentOffset.x + CGRectGetWidth(self.scrollView.frame), self.scrollView.contentOffset.y);
[self.scrollView setContentOffset:newOffset animated:YES];
}
- (void)contentViewTapAction:(UITapGestureRecognizer *)tap
{
if (self.TapActionBlock) {
self.TapActionBlock(self.currentPageIndex);
}
}
#pragma mark - 暂停 开始
- (void)pause{
[self.animationTimer pauseTimer];
}
- (void)restart{
[self.animationTimer resumeTimer];
}
@end
CycleScrollView实现轮播图的更多相关文章
- 李洪强iOS开发之使用CycleScrollView实现轮播图
01 导入头文件,并且定义CycleScrollView属性 02 初始化,设置frame并且添加到collectionView上 03 调用方法并且设置轮播的图片
- iOS开发之 用第三方类库实现轮播图
在github上面有很多的第三方类库,大大节约了大家的开发时间 下载地址:https://github.com/gsdios/SDCycleScrollView 现已支持cocoapods导入:pod ...
- js 基础篇(点击事件轮播图的实现)
轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...
- 实现下来ScrollView放大轮播图
创建工程,创建一个UIScrollView属性,并遵循其协议: #define kWidth self.view.frame.size.width//屏幕宽 #define kHeight self. ...
- ViewPager轮播图
LoopViewPagerLayout无限轮播 项目地址:https://github.com/why168/LoopViewPagerLayout 支持三种动画: 支持修改轮播的速度: 支持修改滑动 ...
- CSS-用伪类制作小箭头(轮播图的左右切换btn)
先上学习地址:http://www.htmleaf.com/Demo/201610234136.html 作者对轮播图左右按钮的处理方法一改往常,不是简单地用btn.prev+btn.next的图片代 ...
- phpcms首页实现轮播图
1.在你想要加轮播图的位置加入以下 <div id="flowDiagram" > <div id="button"> <span ...
- React视角下的轮播图
天猫购物网站最显眼的就是轮播图了.我在学习一样新js库,一个新框架或新的编程思想的时候,总是感叹"入门必做选项卡,进阶须撸轮播图."作为一个React组件,它是状态操控行为的典型, ...
- Jquery 轮播图简易框架
=====================基本结构===================== <div class="carousel" style="width: ...
随机推荐
- Linux SSh scp使用【远程文件/目录的传输】
一:Linux ssh scp的简介及作用: scp就是secure copy的简写,用于在linux下进行远程拷贝文件的命令,和它类似的命令有cp,不过cp只是在本机进行拷贝不能跨服务器. 有时我们 ...
- magento性能优化的教程(非常详细)
Magento是一套专业开源的电子商务系统,Magento设计得非常灵活,具有模块化架构体系和丰富的功能但有朋友会发现此模块用到了会发现非常的缓慢了,那么下面我们来看关于magento性能优化的例子. ...
- WebWork2和Spring MVC Framework的比较
http://daihaixiang.blog.163.com/blog/static/3830134200711411515336/ WebWork2和Spring MVC Framework的比较 ...
- html Js跨域提交数据方法,跨域提交数据后台获取不到数据
MVC实现方式:(后台获取不到方法请参考下面js) [ActionAllowOrigin][HttpPost]public JsonResult Cooperation() { return json ...
- (转) ASP.NET页面缓存
原文:http://www.cnblogs.com/Sky_KWolf/archive/2010/12/05/1897158.html 静态页面全部内容保存在服务器内存中.当再有请求时,系统将缓存中的 ...
- 使用普通Windows服务创建Quartz.Net服务项目
Quartz.NET 项目地址 http://quartznet.sourceforge.net/ 源码下载地址:Quartz.Net.2.0 首先创建Quartz.Net.2.0解决方案,添加 Wi ...
- Android 讯飞语音之语音合成(在线有声朗读)
原文:http://www.cnblogs.com/scetopcsa/p/3845427.html 在线语音合成的使用方法: 首先下载相关的sdk,这个网址里有多种版本,我选择的Android. h ...
- VS2010 测试 -普通单元测试
http://www.cnblogs.com/rhythmK/archive/2012/04/20/2458832.html
- Java NIO 选择器(Selector)的内部实现(poll epoll)
http://blog.csdn.net/hsuxu/article/details/9876983 之前强调这么多关于linux内核的poll及epoll,无非是想让大家先有个认识: Java NI ...
- Oracle官网下载地址大全(包括11g、10g和9i)
Oracle11g下载: Microsoft Windows(32 位)的 Oracle Database 11g 第 2 版 (11.2.0.1.0) http://download.oracle. ...