supersr--图片轮播逻辑
//
// ViewController.m
// 图片轮播
//
// Created by apple on 14-5-18.
// Copyright (c) 2014年 All rights reserved.
//
#import "ViewController.h"
@interface ViewController () <UIScrollViewDelegate>
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@property (weak, nonatomic) IBOutlet UIPageControl *pageControl;
/**
* 定义属性来记录当前NSTimer对象
*/
@property (nonatomic, strong) NSTimer *timer;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// 1.向scrollView中添加图片
// 取出scrollView的size
CGSize scrollSize = self.scrollView.frame.size;
for (int i = 0; i < 5; i++) {
UIImageView *imageView = [[UIImageView alloc] init];
CGFloat scrollWidth = scrollSize.width;
CGFloat imageX = scrollWidth * i;
CGFloat imageY = 0;
CGFloat imageW = scrollWidth;
CGFloat imageH = scrollSize.height;
imageView.frame = CGRectMake(imageX, imageY, imageW, imageH);
NSString *imageName = [NSString stringWithFormat:@"img_%02d",i+1];
imageView.image = [UIImage imageNamed:imageName];
[self.scrollView addSubview:imageView];
}
// 2.设置contentSize
// 不支持竖直滚动就高度设置为0
self.scrollView.contentSize = CGSizeMake(scrollSize.width * 5, 0);
// 出现分页效果,YES表示有分页效果,NO 没有分页效果,默认NO
self.scrollView.pagingEnabled = YES;
// 去掉水平滚动条
self.scrollView.showsHorizontalScrollIndicator = NO;
// 让控制器成为scrollView的代理
// 设置scrollView的代理为self
self.scrollView.delegate = self;
#pragma mark - 自动轮播代码开始
/*
// 创建定时器
// NSTimeInterval 时间间隔 单位s
// 调用target这对象的selector方法
// userInfo 数据,如果不需要就设置为nil
// repeats 是否重复执行这个方法,YES表示重复执行
NSTimer *timer = [NSTimer timerWithTimeInterval:3 target:self selector:@selector(nextPage) userInfo:nil repeats:YES];
// 添加到运行循环中
// NSRunLoopCommonModes 与处理用户事件处于同一个级别
[[NSRunLoop mainRunLoop] addTimer:timer forMode:NSRunLoopCommonModes];
// 1.创建NSTimer对象
// 2.把这个NSTimer添加主运行循环中以NSDefaultRunLoopMode的模式
// self.timer = [NSTimer scheduledTimerWithTimeInterval:2 target:self selector:@selector(nextPage) userInfo:nil repeats:YES];
*/
[self startTimer];
}
- (void) startTimer
{
self.timer = [NSTimer timerWithTimeInterval:3 target:self selector:@selector(nextPage) userInfo:nil repeats:YES];
// 添加到运行循环中
// NSRunLoopCommonModes 与处理用户事件处于同一个级别
[[NSRunLoop mainRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
}
- (void) nextPage
{
NSLog(@"%s",__func__);
// 获取当前也
NSInteger currentPage = self.pageControl.currentPage;
// 计算下一页
NSInteger nextPage = -1;
if (currentPage == self.pageControl.numberOfPages - 1) {
nextPage = 0;
}else{
nextPage = currentPage+1;
}
// 计算contentOffsetX的值
CGFloat contextOffsetX = nextPage * self.scrollView.frame.size.width;
[UIView animateWithDuration:1 animations:^{
self.scrollView.contentOffset = CGPointMake(contextOffsetX, 0);
}];
}
#pragma mark scrollView的代理方法
// 当用户拽住scrollView中内容时候会执行这个方法
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
// invalidate 让定时器失效
// 如果调用这个方法,就能再次使用了
[self.timer invalidate];
}
// 当用户已经停止拖拽了(当用户手从界面抬起的时候)
- (void) scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
// 创建一个新NSTimer的对象
// 1.创建NSTimer对象
// 2.把这个NSTimer添加主运行循环中以NSDefaultRunLoopMode的模式
// self.timer = [NSTimer scheduledTimerWithTimeInterval:2 target:self selector:@selector(nextPage) userInfo:nil repeats:YES];
[self startTimer];
}
// 监听scrollView的滚动过程
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
// 获取滚动位置的x坐标
CGFloat offsetX = scrollView.contentOffset.x;
// 计算当前是第几页
// round(double) 四舍五入
CGFloat page = round(offsetX / scrollView.frame.size.width);
// NSLog(@"%lf",page);
if (page != self.pageControl.currentPage) {
// current 当前的
self.pageControl.currentPage = page;
}
// self.pageControl.numberOfPages 用于设置一共有多少页的
}
supersr--图片轮播逻辑的更多相关文章
- 基于面向对象的图片轮播(js原生代码)
无论你想走多远,你都需要不断地走下去.前端最精华的便是原生的js,这也是我们前端工程师的技术分层的重要指标,也提现这你的代码能力,开发的水平.废话不多说,进入今天的主要分享————基于面向对象思想的图 ...
- 一分钟搞定AlloyTouch图片轮播
一分钟搞定AlloyTouch图片轮播 轮播图也涉及到触摸和触摸反馈,同时,AlloyTouch可以把惯性运动打开或者关闭,并且设置min和max为运动区域,超出会自动回弹.除了一般的竖向滚动,A ...
- Javascript和jQuery WordPress 图片轮播插件, 内容滚动插件,前后切换幻灯片形式显示
用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件 ...
- Android高级图片滚动控件,编写3D版的图片轮播器
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/17482089 大家好,好久不见了,最近由于工作特别繁忙,已经有一个多月的时间没写博 ...
- Angular2组件与指令的小实践——实现一个图片轮播组件
如果说模块系统是Angular2的灵魂,那其组件体系就是其躯体,在模块的支持下渲染出所有用户直接看得见的东西,一个项目最表层的东西就是组件呈现的视图.而除了直接看的见的躯体之外,一个完整的" ...
- html css+div+jquery实现图片轮播
一直想自己动手做一个图片轮播的控件,查查网上的资料大多引用已经做好的组件,其原理算法不是很清楚,于是自己用jquery写了一个.先看下效果图: 主要界面实现思路如下: 1.新建一个div宽度为100% ...
- Android 使用ViewPager 做的半吊子的图片轮播
Android 使用ViewPager 做的半吊子的图片轮播 效果图 虽然不咋样,但是最起码的功能是实现了,下面我们来一步步的实现它. 界面 下面我们来分析一下界面的构成 整体的布局: 因为我们要做出 ...
- 一起写一个Android图片轮播控件
注:本文提到的Android轮播控件Demo地址: Android图片轮播控件 1. 轮播控件的组成部分 我们以知乎日报Android客户端的轮播控件为例,分析一下轮播控件的主要组成: 首先我们要有用 ...
- H5如何做手机app(移动Web App)?图片轮播?ionic、MUI
移动Web App 跨平台开发 用户不需要去卖场来下载安装App 任何时候都可以发布App只需要一个开发项目 可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成(PHP,Rub ...
- 使用jQuery做简单的图片轮播效果
一.本特效主要用到的前端知识点 CSS中绝对定位(absolute)CSS实现垂直居中jQuery中简单的淡入淡出动画效果(fadeIn,fadeOut)定时器(setInterval,clear ...
随机推荐
- STM32 之 NVIC(中断向量、优先级) 简述
一.背景 需要使用STM32的CAN进行通信,经过一系列配置后,已可正常收发,还剩下一个CAN通信的错误处理.可错 误中断使能寄存器已经配置使能了,出错后就是无法进入"CAN1_SCE_IR ...
- Yahoo News Digest(雅虎新闻摘要)APP的推出,未来的seo界又要受伤了
雅虎在 CES 上公布了旗下首款基于 Summly (天才青少年尼克·阿洛伊西奥(Nick D'Aloisio)开发,此前将其公司以3300万美元出售给雅虎)的新闻 APP - Yahoo News ...
- hdu.5211.Mutiple(数学推导 && 在logn的时间内求一个数的所有因子)
Mutiple Accepts: 476 Submissions: 1025 Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 6553 ...
- 【C语言入门教程】7.3 结构体指针的定义和引用
C 语言中指针的操作非常灵活,它也能指向结构体变量对结构体变量进行操作.在学习结构指针之前,需要再次加深对指针的认识.声明指针变量时所使用的数据类型修饰符实际上的作用是定义指针访问内存的范围,如果指针 ...
- Chrome Restful Api 测试工具 Postman-REST-Client离线安装包下载,Axure RP Extension for Chrome离线版下载
[Postman for Chrome 离线下载] Postman-REST-Client离线安装包,可直接在Chrome浏览器本地安装使用,可模拟各种http请求,Restful Api测试, CS ...
- PHP 三元运算符省略写法
三元运算符 “?:” 又名条件运算符 表达式 (expr1) ? (expr2) : (expr3) 在 expr1 求值为 TRUE 时的值为 expr2,在 expr1 求值为 FALSE 时的值 ...
- setImageResource和setBackgroundResource的區別
它們的原型如下:void android.widget.ImageView.setImageResource(int resId)void android.view.View.setBackgroun ...
- iOS跳转到另一个程序
我这里只是写了部分东西,如果想看更加详细的,请点击原文链接. 原文链接:http://blog.csdn.net/likendsl/article/details/7553605 原则上iOS的沙 ...
- Apache + Tomcat + mod_jk实现集群服务
Tomcat中的集群原理是通过组播的方式进行节点的查找并使用TCP连接进行会话的复制. 实现效果:用apache 分发请求到tomcat中的对应的项目 环境说明: 操作系统:window xp Jav ...
- Ucenter,Discuz
http://www.zb7.com/discuz/ (详细资料网站) Discuz主要是配置前台的模板制作,在二次开发时. UCenter主要是客户端的数据库的链接.client/.