UIScrollView 原理

在滚动过程当中,其实是在修改原点坐标。当手指触摸后, scroll view会暂时拦截触摸事件,使用一个计时器。假如在计时器到点后没有发生手指移动事件,那么 scroll view 发送 tracking events 到被点击的 subview。假如在计时器到点前发生了移动事件,那么 scroll view 取消 tracking 自己发生滚动。

子类可以重载

touchesShouldBegin:withEvent:inContentView: 决定自己是否接收 touch 事件
pagingEnabled:当值是 YES 会自动滚动到 subview 的边界,默认是NO
touchesShouldCancelInContentView: 开始发送 tracking messages 消息给 subview 的时候调用这个方法,决定是否发送 tracking messages 消息到subview。假如返回 NO,发送。YES 则不发送。
假如 canCancelContentTouches属性是NO,则不调用这个方法来影响如何处理滚动手势。

scroll view 还处理缩放和平移手势,要实现缩放和平移,必须实现委托 viewForZoomingInScrollView:、scrollViewDidEndZooming:withView:atScale:
两个方法。另外 maximumZoomScale和minimumZoomScale 两个属性要不一样。

几个属性介绍

tracking
当 touch 后还没有拖动的时候值是YES,否则NO

zoomBouncing
当内容放大到最大或者最小的时候值是 YES,否则 NO

zooming
当正在缩放的时候值是 YES,否则 NO

decelerating
当滚动后,手指放开但是还在继续滚动中。这个时候是 YES,其它时候是 NO

decelerationRate
设置手指放开后的减速率

maximumZoomScale
一个浮点数,表示能放最大的倍数

minimumZoomScale 
一个浮点数,表示能缩最小的倍数

pagingEnabled
当值是 YES 会自动滚动到 subview 的边界。默认是NO

scrollEnabled
决定是否可以滚动

delaysContentTouches
是个布尔值,当值是 YES 的时候,用户触碰开始,scroll view要延迟一会,看看是否用户有意图滚动。假如滚动了,那么捕捉 touch-down 事件,否则就不捕捉。假如值是NO,当用户触碰, scroll view 会立即触发 touchesShouldBegin:withEvent:inContentView:,默认是 YES

canCancelContentTouches
当值是 YES 的时候,用户触碰后,然后在一定时间内没有移动,scrollView 发送 tracking events,然后用户移动手指足够长度触发滚动事件,这个时候,scrollView 发送了 touchesCancelled:withEvent: 到 subview,然后 scroView 开始滚动。假如值是 NO,scrollView 发送 tracking events 后,就算用户移动手指,scrollView 也不会滚动。

contentSize
里面内容的大小,也就是可以滚动的大小,默认是0,没有滚动效果。

showsHorizontalScrollIndicator
滚动时是否显示水平滚动条

showsVerticalScrollIndicator
滚动时是否显示垂直滚动条

bounces
默认是 yes,就是滚动超过边界会反弹有反弹回来的效果。假如是 NO,那么滚动到达边界会立刻停止。

bouncesZoom
和 bounces 类似,区别在于:这个效果反映在缩放上面,假如缩放超过最大缩放,那么会反弹效果;假如是 NO,则到达最大或者最小的时候立即停止。

directionalLockEnabled
默认是 NO,可以在垂直和水平方向同时运动。当值是 YES 时,假如一开始是垂直或者是水平运动,那么接下来会锁定另外一个方向的滚动。 假如一开始是对角方向滚动,则不会禁止某个方向

indicatorStyle
滚动条的样式,基本只是设置颜色。总共3个颜色:默认、黑、白

scrollIndicatorInsets

设置滚动条的位置

//基本属性
//设置UIScrollView滚动的位置
@property(nonatomic) CGPoint contentOffset; //设置UIScrollView内容的尺寸,滚动范围
@property(nonatomic) CGSize contentSize; //设置UIScrollView的4周增加额外的滚动区域
@property(nonatomic) UIEdgeInsets contentInset; //设置UIScrollView是否需要弹簧效果
@property(nonatomic) BOOL bounces;//设置UIScrollView是否能滚动
@property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled; //设置UIScrollView是否显示水平滚动条
@property(nonatomic) BOOL showsHorizontalScrollIndicator;//设置UIScrollView是否显示垂直滚动条
@property(nonatomic) BOOL showsVerticalScrollIndicator;

scrollview里面的view拖动的问题

请教一下各位一个问题:
我现在在一个scrollview上排列了很多view,这个scrollview是可以滚动的,我还想拖动view,但 是问题出现了,如果scrollview只能垂直滚动的话,横向拖动view是没问题的,但是竖向拖动view就会导致scrollview滚动,而本意 要移动的view却不动了.
scrollview不响应用户触摸的话,它自己就不能拖动了吧?我的目的是它也能动,但是其他view动的时候他不能动

解决了,在touchbegain中禁止scrollview滚动,然后在touchend中开启scrollview滚动

- (BOOL)touchesShouldBegin:(NSSet *)touches withEvent:(UIEvent *)event inContentView:(UIView *)view;  
......

今天实验了一次,scrollview默认就是这么实现的,所以我不用自己重写这个方法,
scrollview的工作原理是:当手指触摸后, scroll view会暂时拦截触摸事件,使用一个 计时器,假如在计时器到点后,没有发生手指移动事件, 那么,scroll view发送tracking events到被点击的subview, 假如在计时器到点前,发生了移动事件,那么 scroll view 取消tracking 自己发生滚动. 
我最后的解决办法很无语,在touchbegain中,禁止scrollview的滚动,在touchend中打开scrollview的滚动

我的源代码涉及到的东西比较多,不好剥离出来,我给你大概描述一下吧

//--------------初始化各个view--------------
UIScrollView *_scrollview = [[UIScrollView alloc] init];

//自定义的view,放到scrollview上
//其实正常的view就可以加到scrollview上,我之所以要自定义这么一个中间view,是因为我要重写touch的所有方法
//重写touch方法的原因是,我要在touchBegain中让scrollview的滚动失效,而在touchEnd中让滚动有效
UIMyView *_myView=[[UIMyView alloc] init];

//需要拖动的view
UIView *_view = [[UIView alloc] init];

[_myView addSubview:_view];//将view加入自定义的view中,

[_scrollview addSubview:_myView];//将自定义view加入scrollview中
//-----------------------------------------------------

//-----------MyView中的方法,其他部分我就不写了,只关注touch方法-------------------

....

#pragma mark --
#pragma mark touch
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
.....你自己的代码......UITouch *touch = [touches anyObject];//如果是主view,则不进行操作
if ([touch view]==self) {return;
}//由于中间隔了一层自定义的view,所以要两次superview
UIScrollView *_scrollview = (UIScrollView *)[[[touch view] superview] superview];
_scrollview.scrollEnabled=NO;//让scrollview停止响应滚动
.....你自己的代码......
}- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
.....你自己的代码...... UITouch *touch = [touches anyObject];UIScrollView *_scrollview = (UIScrollView *)[[[touch view] superview] superview];
_scrollview.scrollEnabled=YES;//让scrollview可以响应滚动
.....你自己的代码......
}

-----------------------------------------------

UIScrollView 代理(delegate)

UIScrollView在滚动过程中 或者 停止滚动 时,如果需要做一些特定的操作,可用通过设置代理的方式(delegate)来监听UIScrollView的整个滚动过程,当UIScrollView发生一系列的滚动操作时, 会自动通知它的代理(delegate)对象,然后通过代理来监听UIScrollView的滚动过程。

UIScrollView将delegate需 要实现的方法都定义在UIScrollViewDelegate协议中,因此UIScrollView的delegate必须遵守 UIScrollViewDelegate协议,然后实现协议中相应的方法,就可以监听UIScrollView的滚动过程

// 用户开始拖拽时调用
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;// 滚动到某个位置时调用
- (void)scrollViewDidScroll:(UIScrollView *)scrollView;// 用户结束拖拽时调用
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;

内容缩放

UIScrollView不仅能滚动显示大量内容,还能对其内容进行缩放处理

当在UIScrollView身上使用捏合手势时,UIScrollView会调用代理(delegate)的viewForZoomingInScrollView方法,这个方法返回的控件就是需要进行缩放的控件,缩放涉及的属性和方法

/****属性****/
//缩小的对小比例
@property(nonatomic) CGFloat minimumZoomScale;//放大的最大比例
@property(nonatomic) CGFloat maximumZoomScale;    /****方法****/
//缩放时调用
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;//开始缩放的时候调用
- (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view//正在缩放的时候调用
- (void)scrollViewDidZoom:(UIScrollView *)scrollView

UIScrollView无法滚动的解决办法

如果UIScrollView无法滚动,可能是以下原因:

5.1 没有设置contentSize属性

5.2 设置属性scrollEnabled = NO

5.3 没有接收到触摸事件(userInteractionEnabled = NO)

5.4 取消autolayout功能,要想scrollView滚动,必须取消autolayout

#import "ViewController.h"@interface ViewController ()<UIScrollViewDelegate>
/***UIScrollView*/
@property(nonatomic,strong)UIScrollView *scrollView;/***  UIImageView*/
@property(nonatomic,strong)UIImageView *imageView;
@end@implementation ViewController
- (void)viewDidLoad {//2.设置 UIImageView
 UIImage *image = [UIImage imageNamed:@"scroll.jpg"];self.imageView.image = image;//2.1 设置图片范围CGFloat imageH = image.size.height;CGFloat imageW = image.size.width;CGFloat imageX = 0;CGFloat imageY = 0;self.imageView.frame = CGRectMake(imageX, imageY, imageW, imageH);//3 设置UIScrollView 属性//3.2 设置UIScrollView内容的尺寸,滚动范围self.scrollView.contentSize=CGSizeMake(imageW, imageH);//3.2 设置UIScrollView的4周增加额外的滚动区域CGFloat distance = 100.0f;self.scrollView.contentInset = UIEdgeInsetsMake(distance, distance, distance, distance);//3.3 设置弹簧效果self.scrollView.bounces = YES;//3.4 设置滚动不显示self.scrollView.showsHorizontalScrollIndicator=NO;self.scrollView.showsVerticalScrollIndicator=NO;//4 UIImageView 添加到 UIScrollView 中
    [self.scrollView addSubview:self.imageView];//5 UIScrollView
    [self.view addSubview:self.scrollView];//6 设置代理self.scrollView.delegate = self;//7 缩放self.scrollView.minimumZoomScale=0.2f;self.scrollView.maximumZoomScale=2.0f;}#pragma mark 代理方法
// 用户开始拖拽时调用
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{NSLog(@"开始拖拽");
}// 滚动到某个位置时调用
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{NSLog(@"拖拽中");
}// 用户结束拖拽时调用
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{NSLog(@"结束拖拽");
}#pragma mark 缩放
/***  缩放结束时调用**  @param scrollView <#scrollView description#>**  @return <#return value description#>*/
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{NSLog(@"开始缩放");return self.imageView;
}/***  缩放过程中调用**  @param scrollView <#scrollView description#>*/
- (void)scrollViewDidZoom:(UIScrollView *)scrollView
{NSLog(@"正在缩放");
}/***  缩放结束时调用**  @param scrollView <#scrollView description#>*  @param view       <#view description#>*  @param scale      <#scale description#>*/
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale
{NSLog(@"缩放结束");
}#pragma mark 属性get方法- (UIScrollView *)scrollView
{if (!_scrollView) {_scrollView = [[UIScrollView alloc] initWithFrame:self.view.frame];}return _scrollView;
}- (UIImageView *)imageView
{if (!_imageView) {_imageView = [[UIImageView alloc] init];}return _imageView;
}@end

===========================================

contentsize是内容的宽和高,contentsize.width是内容的宽度,contentsize.heght是高度,contentsize是UIScrollView的一个属性,它是一个CGSize,是由核心图形所定义的架构,那定义了你可以滚轴内容的宽度和高度,你也可以添加可以上下滚动的额外区域。第一种方法是你可以通过添加内容的大小来完成。另外一个比较动态的选择是UIScrollView的另一个属性contentInset,contentInset增加你在contentsize中指定的内容能够滚动的上下左右区域数量contentInset.top以及contentInset.buttom分别表示上面和下面的距离。

在滚轴视图中,有一个叫做ContentOffset的属性跟踪UIScrollView的具体位置,你能够自己获取和设置它,ContentOffset是你当前可视内容在滚轴视图边界的左上角那个点。如图:

可以看出,ContentOffset内容中的那个点不是从contentInset的左上角开始的,而是内容的左上角,此时的ContentOffset是正值,但有时也是负值,如下图所示:

//使用一个ScrollView
//创建一个UIScrollView
CGRectframe = CGRectMake( 0, 0, 200, 200);
scrollView= [[UIScrollView alloc] initWithFrame: frame];//添加子视图(框架可以超过scroll view的边界)
frame= CGRectMake( 0, 0, 500, 500);
myImageView= [[UIImageView alloc] initWithFrame: frame];
[scrollViewaddSubview:myImageView];//设置内容尺寸
scrollView.contentSize= CGSize(500,500);

扩展Scroll View 的行为

应用程序通常需要知道有关的滚图的事件

scrolloffset改变的时候

拖动开始和结束

减速的开始和结束

通过子类化扩展Scroll View 的行为

创建一个子类

重写一些功能并改变行为

关于这种方式的争议

   

转载于:https://www.cnblogs.com/allanliu/p/4532674.html

ios UIScrollView 基础属性相关推荐

  1. iOS: UIScrollView的属性zooming

    @property(nonatomic, readonly, getter=isZooming) BOOL zooming

  2. iOS: UIScrollView的属性dragging

    @property(nonatomic, readonly, getter=isDragging) BOOL dragging

  3. IOS开发基础之使用Xcode12.3连线storyboard与属性

    IOS开发基础之使用Xcode12.3连线storyboard与属性 最近使用Xcode12.3开发,发现连线与以前版本操作上有所不同,今天就分享一下如果连线 我们想做一个点击按钮使label的字换成 ...

  4. iOS开发基础知识--碎片27

     iOS开发基础知识--碎片27 1:iOS中的round/ceil/floorf extern float ceilf(float); extern double ceil(double); ext ...

  5. iOS开发基础知识--碎片44

    iOS开发基础知识--碎片44  iOS开发基础知识--碎片44 1:App跳转至系统Settings 跳转在IOS8以上跟以下是有区别的,如果是IOS8以上可以如下设置: NSURL *url = ...

  6. 计算机网络基础ios指令,蔡少云——计算机网络实验:IOS命令基础及交换机基本配置.doc...

    <计算机网络实验>实验报告 学 院 管理学院 专 业 电子商务 年级班别 2013级1班 学 号 3213004774 学生姓名 蔡少云 指导教师 黄益民 成 绩_____________ ...

  7. iOS开发基础-九宫格坐标(4)

    对iOS开发基础-九宫格坐标(3)的代码进行进一步优化. 新建一个 UIView 的子类,并命名为 WJQAppView ,将 appxib.xib 中的 UIView 对象与新建的视图类进行关联. ...

  8. IOS开发基础之网易新闻UICollectionView的使用第3天

    IOS开发基础之网易新闻UICollectionView的使用第3天 由于第3天的UICollectionView 并不实现,我查阅相关资料,也没解决,先从本地的plist加载的数据,不是网络的上的数 ...

  9. IOS开发基础之模拟科技头条项目案例32

    IOS开发基础之模拟科技头条项目案例32 说说这个项目的技术要点核心 ,首先是异步网络请求,block的回调,sdWebImage的使用.各个控件的使用,NSDate日期的转换.自动适配屏幕工作,模型 ...

最新文章

  1. 【云栖直播】精彩推荐第2期:首届阿里巴巴研发效能嘉年华
  2. JAVA线程池管理及分布式HADOOP调度框架搭建
  3. mysql 复制表结构到一个新表_MySQL复制表数据或表结构到新表中
  4. Geoserver怎样设置地图不同路线显示不用颜色样式(同一个图层组设置多个图层不同样式)
  5. SqlServerManagement新建数据库并执行sql文件流程
  6. python热部署_定时任务-Quartz(热部署、冷部署)
  7. yolov3算法优点缺点_优点缺点
  8. 简单的小工具wordlight——让VS变量高亮起来
  9. 字典推导式_Python基础-推导式
  10. matlab分布式平台
  11. 中河广播服务器怎么连接无线话筒,无线话筒怎么连接音响 话筒连接音响方法...
  12. 关于MJ刷新的报Too many arguments to function call, expected 0, have *问题
  13. git学习笔记-(8-高层命令(2))
  14. Java贪吃蛇游戏开发
  15. HFSS - 印刷偶极子天线设计与仿真
  16. unity 移动物体位置的常用方法
  17. 生成无限制的微信小程序码
  18. 计算机中安装音乐软件是一种,电脑必装的八款软件,你装了吗?
  19. 10个办公必备神器PPT网站,免费!!!
  20. 如何破解私域留存?四大核心环节拆解锁客关键能力

热门文章

  1. GDI+用PNG图片做半透明异型窗口
  2. Webpack4干货分享(二),使用loader处理scss,图片以及转换JS
  3. PowerBI分析Exchange服务器IIS运行日志
  4. windows下实现自己的第一个python脚本文件并.exe运行
  5. STL容器删除元素的陷阱
  6. (翻译)31天Windows Phone学习-1-项目模板
  7. SQLServer 维护脚本分享(08)临时数据库(tempdb)
  8. 超完整的 Chrome 浏览器客户端调试大全
  9. zabbix监控工具
  10. 关于软件版本命名的方法