ISCROLL - 技术教程文章

iScroll.js和Swiper.js联合使用时的插件冲突(滑动冲突)【图】

上面的截图 ,是手机端的一个滑动刷新效果.用的是scroll.js插件.每项中又有一个滑动,是左右滑动的用swiper.js插件,查看每个班级的信息.当手从swiper上开始滑动的时候,整个scroll就显得很不灵敏.各种调试,各种alert终于把问题定位在swiper.js的touchend上.touchend没有冒泡到scroll上,但是touchstart,toucnmove是有冒泡到scroll上的.找了好久都没有找到哪里阻止了冒泡.最后想到一个办法,就是在swiper的touchend上调用scroll的touchen...

iscroll-lite.js源码注释【代码】

/*! iScroll v5.1.2 ~ (c) 2008-2014 Matteo Spinelli ~ http://cubiq.org/license */ (function (window, document, Math) {//请求动画帧var rAF = window.requestAnimationFrame ||window.webkitRequestAnimationFrame ||window.mozRequestAnimationFrame ||window.oRequestAnimationFrame ||window.msRequestAnimationFrame ||function (callback) { window.setTimeout(callback, 1000 / 60); }; //...

UIScrollView不能响应touch事件的解决办法

UIScrollView本身事是不支持touch的,我们可以给她添加拓展#import "UIScrollView+util.h" @implementation UIScrollView (util)-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{ [[self nextResponder] touchesBegan:touches withEvent:event]; [super touchesBegan:touches withEvent:event];}-(void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{ [[self nextR...

iOS下uiview和uiscrollview设置背景图片的源码

1.uiscrollview 设置背景图片// Setup the Scroll ViewUIScrollView*tempScrollView=(UIScrollView*)self.view;tempScrollView.contentSize=CGSizeMake(320,720);// Set Stationary Background, so that while the user scroll the background is// fixed.UIImage*img =[UIImage imageNamed:@"bg-body.jpg"];[tempScrollView setBackgroundColor:[UIColor colorWithPatternImage:img]];2. uiview 设置背景图片self.view.background...

IOS UIScrollView中的内容不显示

下午的时候发现一个xib页面在4s中显示不全,于是开始添加滚动条,话说也是第一次添加,各种不熟练,结果添加完发现内容不显示,然后各种找资料各种测试,最终发现我把UIScrollview中作为content的View的透明度设为了0。  为什么要设为0呢?因为往content中添加控件的时候添加进去就一下看不见了,以为是被遮挡了,于是就把这个conten的透明度设为了0,其实不是遮挡,是因为在ScrollView中Conten只设置边距约束的话,他的大小就变...

UIScrollView

?UIScrollView ?掌握?UIScrollView的常见属性??UIScrollView的常用代理方法??UIScrollView的缩放??UIScrollView和UIPageControl的分页??NSTimer的使用?作业?将喜马拉雅和图片轮播器结合在一起??制作一个app的新特性界面?什么是UIScrollView?移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限??当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容??普通的UIView不具备滚动功能,不能...

用Iscroll实现下拉刷新的简单方法【代码】

用Iscroll实现下拉刷新的简单方法:  基本步骤分三步:    1、开始滚动=== scrollStart2,滚动过程中 === scroll3、停止滚动=== scrollEnd  注意:在内容滚动时触发,只有在iscroll-probe.js 版本中有用。 1 <!DOCTYPE html>2 <html>3 <head lang="en">4 <meta charset="UTF-8">5 <title>移动端的触摸滚动</title>6 <style>7 *{8 box-sizing: border-box;9 margin: 0;10 ...

UIScrollView属性全总结

属性 作用 CGPoint contentOffSet 监控目前滚动的位置 CGSize contentSize 滚动范围的大小 UIEdgeInsets contentInset 视图在scrollView中的位置 id<UIScrollerViewDelegate> delegate 设置协议 BOOL directionalLockEnabled 指定控件是否只能在一个方向上滚动 BOOL bounces 控制控件遇到边框是否反弹 BOOL alwaysBounceVertical 控制垂直方向遇到边框是否反弹 B...

关于UIScrollView事件

- (BOOL)touchesShouldCancelInContentView:(UIView *)view ParametersviewThe view object in the content that is being touched.view 这个view对象已获取到touched事件Return ValueYES to cancel further touch messages to view, NO to have view continue to receive those messages. The default returned value is YES if view is not a UIControl object; otherwise, it returns NO.返回YES 在这个view上取消进一步的touch...

UIScrollView实现图片放大、缩小

UIScrollView实现图片放大、缩小一、在storyboard中添加Scroll View或者用懒加载创建UIScrollView- (UIScrollView*)scrollView { if(_scrollView== nil) { _scrollView= [[UIScrollViewalloc]initWithFrame:self.view.bounds]; // 设置代理 _scrollView.delegate= self; // 设置最大/最小缩放比例 _scrollView.maximumZoomScale= 2.0; _scrollView.minimumZoomScale= 0.2; ...

iOS开发UI篇—UIScrollView控件实现图片缩放功能【代码】【图】

一、缩放1.简单说明:有些时候,我们可能要对某些内容进行手势缩放,如下图所示 UIScrollView不仅能滚动显示大量内容,还能对其内容进行缩放处理。也就是说,要完成缩放功能的话,只需要将需要缩放的内容添加到UIScrollView中2.缩放原理当用户在UIScrollView身上使用捏合手势时,UIScrollView会给代理发送一条消息,询问代理究竟要缩放自己内部的哪一个子控件(哪一块内容)当用户在UIScrollView身上使用捏合手势时,UIScrollView会...

UIScrollView 原理详解

UIScrollView 原理详解ScrollView UIScrollView UIScrollView为了显示多于一个屏幕的内容或者超过你能放在内存中的内容。 Scroll View为你处理缩小放大手势,UIScrollView实现了这些手势,并且替你处理对于它们的探测和回应。其中需要注意的子类是UITableView以及UITextView(用来显示大量的文字)。还有一个UIWebView,尽管那不是UIScrollView的直接子类,它适用UIScrollView去显示网页内容 co...

iOS UI基础-7.0 UIScrollView【代码】【图】

概述移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限.当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容,普通的UIView不具备滚动功能,不能显示过多的内容。UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容UIScrollView的常见属性UIScrollView的常用代理方法UIScrollView的缩放UIScrollView使用基本使用UIScrollView的用法很简...

UIScrollView的属性总结

UIScrollView的属性总结属性作用CGPoint contentOffSet监控目前滚动的位置CGSize contentSize滚动范围的大小UIEdgeInsets contentInset视图在scrollView中的位置id<UIScrollerViewDelegate>delegate设置协议BOOL directionalLockEnabled指定控件是否只能在一个方向上滚动BOOL bounces控制控件遇到边框是否反弹BOOL alwaysBounceVertical控制垂直方向遇到边框是否反弹BOOL alwaysBounceHorizontal控制水平方向遇到边框是否反弹BOOL ...

基本控件文档-UIScrollView

<DIV style=‘left: 0px; top: 0px; right: 0px; color: rgb(51, 51, 51); line-height: 20px; overflow: visible; font-family: "Open Sans", helvetica, sans-serif; font-size: 14px; margin-bottom: 0px; border-bottom-width: 0px; position: fixed; z-index: 1030;‘ class="navbar navbar-fixed-top"> CHENYILONGBlog

ios开发之UIScrollView的三个属性介绍

contentSize 属于CGSize类型,CGSizeMake(width,height),宽度决定了UIScrollView滚动的水平距离,height决定了UIScrollView滚动的纵向距离,contenSize属性如果不设置值那么不能滚动视图 //设置一个UIScrollView UIScrollView *sv = [[UIScrollView alloc] initWithFrame:self.view.bounds]; sv.backgroundColor = [UIColor cyanColor]; [self.view addSubview:sv]; //添加一个视图 UIImage *image = [UIIma...

3.10 针对于iscroll 使用y获取滚动高度【代码】

今天在做实际手机端操作的时候,发现了这个<ul class="wind-alert-ul" style="transform-origin: 0px 0px 0px; position: absolute; top: -200px; left: 0px;"><li> </li><li>关闭</li><li>低速</li><li>中速</li><li>高速</li><li>关闭</li><li>低速</li><li>中速</li><li>高速</li><li>关闭</li><li>低速</li><li>中速</li><li>高速</li><li>关闭</li><li> </li></ul>发现在滚动的时候,top的值是变化的,那么是不是可以通过这个...

UIScrollView自动布局技巧

1.用storyboard自动布局注意点:(1)首先添加一个view,view的四周和scrollview一致,设置view的大小;(2)设置view的宽和高=> 设置scrollview的contentSize;(3)所有的控件都添加在view上。 2. 代码布局原文:http://www.cnblogs.com/gss-blog/p/6023366.html

iOS UIScrollView的使用【代码】【图】

一、为什么要用UIScrollView?移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容普通的UIView不具备滚动功能,不适合显示过多的内容。UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容系统设置就是一个ScrollView: 二、基本使用:将需要展示的内容添加到UIScrollView中设置UIScr...

UIScrollView和delegate的通信【图】

在OC中,发送消息的意思就是调用方法 因此UIScrollView和delegate的通信可以理解为下图所示 再精确一点,UIScrollView和delegate的通信应该为下图所示 可以看出,要想成为UIScrollView的delegate,是有条件的,必须实现对应的方法才能监听UIScrollView的滚动过程成为delegate的条件UIScrollView将delegate需要实现的方法都定义在了UIScrollViewDelegate协议中,因此要想成为UIScrollView的delegate,必须遵守UIScrollViewDelegate协...

使用iScroll和photoswipe写手机浏览图片的插件的几点经验【图】

首先,当我知道我得到一个任务需要写一个在手机上能浏览图片的插件时,我第一想到了iScroll。它的左右滑动,上下滑动的效果在安卓手机上也能让用户有良好的体验,自己写也能方便控制。我的需求是,插件要能左右滑动图片,当图片很长的时候要能上下滑动浏览全部图片,还要支持手势缩放,特别是较长或者较宽的图片。1.当最开始的时候,我做了一个本地缓存,把图片保存起来,为了加载滑动图片能更加流畅。js代码:var json=new Array...

IScroll5+在ios、android点击(click)事件不兼容解决方法【代码】

Bug描述:ios、android4.4+下不能触发click事件。Bug解决:调用iscroll插件,增加配置参数:click:true/falseclick的值是要根据移动终端设备进行判断,如果只是简单的判断终端类型的话,android4.4+还是不能点击,这就是安卓的一个坑,毕竟没有IOS系统做的统一。故增加一个函数去判断:// ######### function iScrollClick(){if (/iPhone|iPad|iPod|Macintosh/i.test(navigator.userAgent)) return false;if (/Chrome/i.test(navig...

UIScrollView

1.添加UIScrollView 2.在ScrollView中布局,添加所需要的空间【中间的一些自由布局点在本章就不提了】 //*********接下来的这一步最为关键,这是由于Xcode5.0.2使用了autolayout 是得我们需要利用手动添加CONSTRAINTS 也就是空间之间的位置关系。storyboard利用预定的关系,结合代码要求动态生成页面。***// 3.点击View Controller后,点击Editor按照图片所示选择。4.然后直接运行代码就可以了。原文:http://www.cnblogs.com/cil...

IOS UI-滚动视图(UIScrollView)【代码】

1#import"ViewController.h" 2/* 3 1.UIScrollView控件是什么?4 (1)移动设备的屏幕?小是极其有限的,因此直接展示在?用户眼前的内容也相当有限5 (2)当展?的内容较多,超出一个屏幕时,?用户可通过滚动手势来查看屏幕以外的内容6 (3)普通的UIView不具备滚动功能,不能显示过多的内容7 (4)UIScrollView是一个能够滚动的视图控件,可以用来展?大量的内容,并且可以通过滚动查看所有的内容8 (5)举例:手机上的“设置”、其他?示例程...

启动图实现:UIScrollView+UIPageControl简单实现

#import "MJViewController.h"#import "RootViewController.h"@interface MJViewController () <UIScrollViewDelegate>@property (strong, nonatomic) UIScrollView *scrollView;@property (strong, nonatomic) UIPageControl *pageControl;@property (strong, nonatomic) UIButton *nextBt;@end@implementation MJViewController- (void)viewDidLoad{ [super viewDidLoad]; //初始化视图 NSArray *array = [NSArr...

常用几个UITableView,UICollectionView  UIScrollView关键点

UITableView UITableView 在Ios中大量使用,我们对UITableview中的有关知识进行整理 UITAbleView是表视图控制器 1 UITableView初始化 2UITableview实现代理 3UITableView必须实现的方法(UITableviewdatasource) 3.1一个组里有多少cell 3.2 UITableviewcell的内容 4 UIcollectionView UIcollectionView是集合视图 1 UIcollectionFlowLayout的初始化 2 UIcollectionView 的初始化 3 UIcollectionView实现代理 4...

iOS UIPageControl与UIScrollView配合使用代码

#import "RootViewController.h" #import "RootView.h"@interface RootViewController ()<UIScrollViewDelegate> @property(nonatomic,retain)RootView *myview; @end@implementation RootViewController- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];if (self) {// Custom initializationself.myview = [[RootView all...

Autolayout下的UIScrollView的适配【图】

在autolayout下,scrollView的contentSize是由其内容的约束定义的。ScrollView的约束不仅可以起到布局作用,也起到定义contentSize的作用。 eg.竖直滚动的scrollview contentSize.y = contentView.top + contentView.height + contentView.bottom; 误区:contentView依赖于父视图,而特殊的scrollviewframe又是依赖于contentView. 解决方法一:在scrollview外约束一个AnchorView(辅助视图或者说是锚点),让...

UIScrollVIew 滚动视图内容总结【代码】

1 - (void)viewDidLoad2 3{4 5 [super viewDidLoad];6 7// Do any additional setup after loading the view.8 9 10 11// 滚动视图 12 13 UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(20, 20, 280, 440)];14 15 scrollView.backgroundColor = [UIColor redColor];16 17 18 19// 设定滚动内容的范围(CGSize) 20 21 scrollView.contentSize = CGSizeMake(2800, 0); // 横纵 坐...

在UIScrollView的delegate方法判断滚动快慢【代码】

// 这里做预加载CGPoint currentOffset = scrollView.contentOffset;NSTimeInterval currentTime = [NSDate timeIntervalSinceReferenceDate];NSTimeInterval timeDiff = currentTime - lastOffsetCapture;if(timeDiff > 0.1) {CGFloat distance = currentOffset.y - lastOffset.y;//The multiply by 10, / 1000 isn‘t really necessary.......CGFloat scrollSpeedNotAbs = (distance * 10) / 1700; //in pixels per millisecond ...