ISCROLL - 技术教程文章
UIScrollView的相关属性说明【代码】
_scrollView = [[UIScrollView alloc] init];//height = 0：禁止垂直方向滚动_scrollView.contentSize = CGSizeMake(kTwo * kScreenW, 0);//不显示水平方向的滚动条 _scrollView.showsHorizontalScrollIndicator = NO;//不分页,手指滑到哪里scrollview就滚动到哪里 _scrollView.pagingEnabled = NO;//scrollView滚动到边缘的时候不会反弹_scrollView.bounces = NO;_scrollView.delegate = self;_scrollView.backgroundColor =...
HTML 调用iscroll.js主要事项【代码】【图】
iscroll是一款很不错的滚动控件(js)，但是在调用的时候，需要注意一些事项：1、iscroll支持水平和垂直滚动，那么在调用的时候，一定注意滚动div必须大于父div，也就是说，父div的宽度或者长度必须规定；2、计算好子div和父div之间的宽度或者高度比值。比如，如果是水平滚动，父类width属性是100%，那么scroll中的宽度定义为300%，就表示，水平可滚动3个div节点简单举例说明： 父div对应的css如下.divscript{position:absolute; to...
学习笔记之-------UIScrollView 基本用法 代理使用【代码】
//contentSize、contentInset和contentOffset 是 scrollView三个基本的属性。 // 滚动 self.ScrollView.contentSize =self.imageview.frame.size; //偏移X =0 Y =-74 向下偏移 self.ScrollView.contentOffset =CGPointMake(0,-74); // 边距 距离顶部74 左 0 下40 右0 self.ScrollView.contentInset = UIEdgeInsetsMake(74, 0, 40, 0);//不显示水平滚动条self.ScrollView.showsHorizontalScrollIndicator =NO;//不显示垂直滚动条...
Android-WebView集成iScroll4之无法响应DownloadListener事件
接上篇Android-WebView集成iScroll4之input框无法获取焦点，发现开始点击列表的标题，下载附件特别好使，直接可以调本地的工具打开附件。附件下载的做法是服务端的web页面提供a标签，将要下载附件的ftp地址给href，当在android访问这个页面，点击标题对应的链接时，android端会触发webview的DownloadListener事件，去ftp下载附件，并调用本机的软件将其打开。//设置WebView的DownloadListener： webView.setDownloadListener(new ...
iOS Programming Views :Redrawing and UIScrollView【图】
iOS Programming Views :Redrawing and UIScrollView? 1.1 event?You are going to see how views are redrawn in response to an event. 你将看到view如何响应event的。 You declared properties in header files. You can also declare properties in class extensions. 你可以声明属性在header文件，也可以声明在class extensions中。 #import "BNRHypnosisView.h" @interface BNRHypnosisView () @property (strong, nonatomic...
iOS 下类似UITableView的可循环列表利用UIScrollView制作
最近项目循环效果的列表，我在网上搜到一个只有类似效果的例子，我在这个例子的基础之上加入了对应的响应事件。1、滑动到中间的响应事件2、滑动结束的响应事件。代码下载：http://download.csdn.net/detail/qqmcy/6926031ViewController.h#import <UIKit/UIKit.h> #import "InfiniteScrollPicker.h"@interface ViewController : UIViewController<InfiniteScrollPickerDelegate>@property (strong , nonatomic) InfiniteScrollPick...
iScroll5使用笔记
1.click:true checkbox点击不了解决方法：在源码1598行修改为if (!e._constructed && !utils.preventDefaultException(e.target, this.options.preventDefaultException)) { e.preventDefault(); e.stopPropagation(); }相关链接：https://github.com/cubiq/iscroll/issues/876https://jsfiddle.net/ChristopherBrix/9384wow8/https://jsfiddle.net/Christopher...
UIScrollView —— 缩放实现案例（二）【代码】【图】
1 、 所用知识点： 在这讲中，我们要实现UIScrollView的缩放，要了解与运用，UIScrollView的代理，将UIScrollView要缩放的元素通过代理返回给代理，还要运用到UIScrollView的部分属性，如：最小、最大缩放比例等2、缩放原理须知： 1> UIScrollView不仅能滚动显示大量内容，还能对其内容进行缩放处理 也就是说，要完成缩放功能的话，只需要将需要缩放的内容添加到UIScrollView中 2> UIScrollView缩放原理 ...
移动端日期及选择插件mobiscroll【代码】【图】
在很多的form表单中，我们经常会用到日期插件，这类插件比较多，这里推荐一个很好用的移动端日期插件：mobiscroll 首先引入插件相关文件<link href="css/mobiscroll.css" rel="stylesheet"/><link href="css/mobiscroll_date.css" rel="stylesheet"/><script src="js/jquery.min.js"></script><script src="js/mobiscroll_date.js"></script><script src="js/mobiscroll.js"></script> 找到需要插入的日期元素div<input styl...
jQuery Mobile 移动开发中的日期插件Mobiscroll使用说明【代码】【图】
近期在移动方面的开发，使用jQuery Mobile ，移动方面的插件不如Web 方面的插件多，选择的更少，有一些需要自己去封装，但功力尚不足啊。日期插件JQM也提供了内置的，但样式方面不好看，只好百度、Google啦，找到了两款 jquery-mobile-datebox 和 mobiscroll-2.3jqueryMobileDatebox 这个在板上的表现不好，性能方面有点卡mobiscroll 性能方面比前者要好一些，效果更简洁 ，划动更流畅放在一起对比下各位看官，你们觉得哪个好看一些...
在React中引入IScroll插件做滚动【代码】
最近做一个H5项目，数据交互量比较大，很多页面都是从后台拿过来数据做一个列表显示，这自然就遇到了滚动。刚开始我直接使用css做法，直接添加overflow: scroll;但在微信端用户滑动会直接将整个页面拖动，露出顶部的域名和底部的黑色背景。用户反映体验不好，要改……好吧，自己动手。但这并不是好改的，因为在React中都是构建的是虚拟DOM，直接操作DOM也会对性能有一定影响。这时候网上搜了一下，拿出一个解决方案，献出部分代码：...
UIScrollView常用的小命令
//滚动视图 经常用来显示一屏不能够显示完全的内容 UIScrollView *sv = [[UIScrollView alloc] init]; //设置滚动视图的显示大小 sv.frame = CGRectMake(30, 40, 250, 320); //设置滚动视图内容的大小 sv.contentSize = CGSizeMake(250 * 15, 320 * 2); sv.backgroundColor = [UIColor lightGrayColor]; //设置滚动视图的弹动效果，默认为YES sv.bounces = YES; //设置显示水平滚动指示条是否显示，...
IOS总结：UIScrollView不能滚动的几种可能性
UIScrollView不能滚动，请检查以下几点，当然还有更多，需要在不断的开发经验中总结：1. 没有设置contentSize.2. scrollEnabled =NO 了。3. 没有收到触摸事件，因为UIScrollView继承自UIView，如果让UIView的 UserInteractionEnabled如果为NO，说明不可与用户交互，也是不可滚动的。4. 没有取消autolayout功能。其他的以后再添加吧，如果您有总结，可以写在下面，谢谢！。。。原文：http://blog.csdn.net/xuejunling/article/detai...
滚动视图UIScrollView
int i;@interface ViewController () @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; self.myScrollV = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, WIDTH, HEIGHT)]; self.myScrollV.backgroundColor = [UIColor whiteColor]; self.myScrollV.contentSize = CGSizeMake(WIDTH * 4, HEIGHT / 4); self.myScrollV.delegate = self; [self.view addSubview...
03-UIScrollView【图】
原文：http://www.cnblogs.com/ioscxy/p/4005476.html
UIScrollView的属性总结
contentSize是scrollview可以滚动的区域，比如frame = (0 ,0 ,320 ,480) contentSize = (320 ,960)，代表你的scrollview可以上下滚动，滚动区域为frame大小的两倍。 contentOffset是scrollview当前显示区域顶点相对于frame顶点的偏移量，比如上个例子你拉到最下面，contentoffset就是(0 ,480)，也就是y偏移了480 contentInset是scrollview的contentview的顶点相对于scrollview的位置，例如你的contentInset = (0 ,100)，那么你的co...
IScroll的诞生和缺点
转自http://lhdst-163-com.iteye.com/blog/1239784iscroll.js是Matteo Spinelli开发的一个js文件，使用原生js编写，不依赖与任何js框架。旨在解决移动webkit系浏览器的区域滚动问题，兼容mobile safari、Android默认浏览器、safari、chrome、firefox5+、opera11+、IE9+及其他webkit核心浏览器。最新版本为iscroll4。 官方网站：iscroll4 iscroll的用武之地 1.区域滚动 我们在pc端web开发中，有时会用固定某一区域的宽度和高度，然后...
UIScrollView的其他属性
@property(nonatomic) BOOL bounces;设置UIScrollView是否需要弹簧效果 @property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled; 设置UIScrollView是否能滚动 @property(nonatomic) BOOL showsHorizontalScrollIndicator;是否显示水平滚动条 @property(nonatomic) BOOL showsVerticalScrollIndicator;是否显示垂直滚动条原文：http://www.cnblogs.com/tanky/p/5703664.html
UIScrollView文档
#import <Foundation/Foundation.h>#import <CoreGraphics/CoreGraphics.h>#import <UIKit/UIView.h>#import <UIKit/UIGeometry.h>#import <UIKit/UIKitDefines.h> typedef enum { UIScrollViewIndicatorStyleDefault, // black with white border. good against any background UIScrollViewIndicatorStyleBlack, // black only. smaller. good against a white background UIScrollViewIndicatorStyleWhite...
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会...