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: ...
随机推荐
- maven搭建个人仓库
Maven环境搭建: 本地仓库+maven运行环境+构建项目 1.搭建nexus 本地仓库 1)拷贝jdk1.6和tomcat62)配置端口为8010 (端口自行定义,只要下面各处一致即可)3)复制n ...
- case when then 与 count联合使用
我们都知道SQL中适用case when then来转化数据库中的信息 比如 select (case sex when 0 then '男' else '女' end) AS sex from ...
- iOS应用审核的通关秘籍
磨刀不误砍柴工.作为手机应用开发者,你需要向应用商店提交应用审核,迅速通过审核可以让你抢占先机.对苹果iOS应用开发者来说尤其如此.苹果应用商店的审核近乎吹毛求疵,下面这些清单可以让你知道苹果会在哪些 ...
- magento 常用的函数
1.Magento eav_attribute表中source如何指定自定义数据来源 如果你引用的类名为yebihai_usermanage_model_entity_school你必须完整的给出地 ...
- Magento入门开发教程
Modules->模块 Controller->控制器 Model->模型 Magento是这个星球上最强大的购物车网店平台.当然,你应该已经对此毫无疑问了.不过,你可能还不知道,M ...
- <input> 标签
HTML5 中的新属性. 属性 值 描述 accept mime_type 规定通过文件上传来提交的文件的类型. align left right top middle bottom 不赞成使用. ...
- jsp与Action值得对应
例如:Action中有一个全局对象dictionary,对象有种A,B,C三个属性. 1.通过后台将Action中的值传到jsp,需要el表达式. 页面取到A的值 <input name=&qu ...
- mysql更改root密码及root远程登录
1.更改root密码 use mysql; update user set password=password('petecc') where user='root'; 2.root远程登录 1 up ...
- C#查询当前微信自定义菜单结构
查询 string access_token = "你的token"; string posturl = "https://api.weixin.qq.com/cgi-b ...
- HTML<label> 标签的 for 属性
定义和用法 for 属性规定 label 与哪个表单元素绑定. 隐式和显式的联系 标记通常以下面两种方式中的一种来和表单控件相联系:将表单控件作为标记标签的内容,这样的就是隐式形式,或者为 <l ...