ios UIScrollView 基础属性

 

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是高度,contentsizeUIScrollView的一个属性,它是一个CGSize,是由核心图形所定义的架构,那定义了你可以滚轴内容的宽度和高度,你也可以添加可以上下滚动的额外区域。第一种方法是你可以通过添加内容的大小来完成。另外一个比较动态的选择是UIScrollView的另一个属性contentInsetcontentInset增加你在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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/471941.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

LeetCode 1962. 移除石子使总数最小(优先队列)

文章目录1. 题目2. 解题1. 题目 给你一个整数数组 piles &#xff0c;数组 下标从 0 开始 &#xff0c;其中 piles[i] 表示第 i 堆石子中的石子数量。 另给你一个整数 k &#xff0c;请你执行下述操作 恰好 k 次&#xff1a; 选出任一石子堆 piles[i] &#xff0c;并从中 移除…

ubuntu自定义安装里怎么选_中央空调到底应该怎么选?小户型也能安装中央空调?行家说实话了...

▲ 点击蓝字“建通舒适家”&#xff0c;你想知道的空调问题&#xff0c;答案全在这里啦&#xff01;中央空调到底应该怎么选&#xff1f;小户型也能安装中央空调&#xff1f;行家说实话了现在业主装修大多都是对中央控空调一知半解&#xff0c;出现很多种的情况就是&#xff1a…

php辅助框架,【PHP开发框架】Laravel框架中辅助函数:optional ()函数的介绍

laravel框架中的辅助函数有很多&#xff0c;那么&#xff0c;在 Laravel 新版本中又有什么非常好用的辅助函数呢&#xff1f;接下来的这篇文章中&#xff0c;ki4网将给大家介绍一个非常有用的辅助方法&#xff1a;optional()函数&#xff0c;这个函数的用处到底是什么呢&#x…

python 清除字符串中的 emoji 表情

https://pypi.org/project/emoji/ pip install emoji字符串中间有 emoji 表情&#xff0c;替换掉。 text "&#x1f430;贝贝有点甜&#x1f430;" res emoji.demojize(text) # :rabbit_face:贝贝有点甜:rabbit_face:# 正则表达式替换为 r"想换的字符串&quo…

Linux CentOS7/RHEL7关闭ctrl+alt+delete功能键

这是本人测试的经过&#xff0c;纯粹记录来看看&#xff0c;最终解决方法在最后面&#xff0c;中间讲的是遇到的一些坑&#xff0c;可以略过不看&#xff01;&#xff01; 本人操作经验&#xff0c;转载请表明出处&#xff1a;http://www.cnblogs.com/huangjc/p/4536620.html L…

三角形css_纯 CSS 实现绘制各种三角形(各种角度)

一、前言三角形实现原理&#xff1a;宽度width为0&#xff1b;height为0&#xff1b;&#xff08;1&#xff09;有一条横竖边&#xff08;上下左右&#xff09;的设置为border-方向&#xff1a;长度 solid red&#xff0c;这个画的就是底部的直线。其他边使用border-方向&#…

java 排秩,lamd(java lambda表达式)

lamb n.羔羊&#xff0c; 小羊羔羊肉[皮](对孩子等的爱称)好宝宝&#xff0c; 小乖乖年幼、天真无邪的人&#xff1b; 羔羊般柔弱[温顺]的人[俚]容易上当的人(尤指在证券交易方面)[the Lamb ]【宗.lamd是什么意思land n. 国土&#xff1b;陆地&#xff1b;地面lamb n. 羔羊&…

LeetCode 1826. 有缺陷的传感器(枚举)

文章目录1. 题目2. 解题1. 题目 实验室里正在进行一项实验。为了确保数据的准确性&#xff0c;同时使用 两个 传感器来采集数据。 您将获得2个数组 sensor1 and sensor2&#xff0c;其中 sensor1[i] 和 sensor2[i] 分别是两个传感器对第 i 个数据点采集到的数据。 但是&#…

今天携程出事了:让我们来学习下http的响应码

就在今天&#xff0c;2015年5月28日&#xff0c;中国最大的旅游机票预订网站--携程网粗大事了。据传携程网的数据库被人物理删除了&#xff0c;而容灾备份的数据又无法正常使用&#xff0c;服务器全面遭受瘫痪。每小时给携程带来的损失约100万美元。巴拉巴拉&#xff0c;作为中…

java 删除txt,如何从.txt文件中删除2个值

if "A" in columns and int(columns[5]) < int(columns[3]):print(columns)print (columns[3]) - (columns[5])我在这做错了什么&#xff1f;不记得我最近开始编码 .这是完整的代码&#xff1a;import csvFILE_NAME "paintingJobs.txt" #I use this so…

LeetCode 1708. 长度为 K 的最大子数组

文章目录1. 题目2. 解题1. 题目 在数组 A 和数组 B 中&#xff0c;对于第一个满足 A[i] ! B[i] 的索引 i &#xff0c;当 A[i] > B[i] 时&#xff0c;数组 A 大于数组 B。 例如&#xff0c;对于索引从 0 开始的数组&#xff1a; [1,3,2,4] > [1,2,2,4] &#xff0c;因…

CSS3(animation, trasfrom)总结

CSS3(animation, trasfrom)总结 1. Animation 样式写法: 格式: -浏览器内核-keyframes 样式名 {} 标准写法(chrome safari不支持 keyframes [样式名] { 0% {left: 10px ; top : 20px;} 50% {left: 20px ; top : 30px;} 100% {left: 10px ; top : 20px;} }; Firefox -mz-keyfra…

LeetCode 1554. 只有一个不同字符的字符串(枚举)

文章目录1. 题目2. 解题1. 题目 给定一个字符串列表 dict &#xff0c;其中所有字符串的长度都相同。 当存在两个字符串在相同索引处只有一个字符不同时&#xff0c;返回 True &#xff0c;否则返回 False 。 进阶&#xff1a;你可以以 O(n*m) 的复杂度解决问题吗&#xff1…

matlab多径信道模型,多径时变信道模型的仿真与性能分析课程设计(样例3)

《多径时变信道模型的仿真与性能分析课程设计.doc》由会员分享&#xff0c;可免费在线阅读全文&#xff0c;更多与《多径时变信道模型的仿真与性能分析课程设计》相关文档资源请在帮帮文库(www.woc88.com)数亿文档库存里搜索。1、形与输入信号波形越接近。因为信道幅频特性不理…

slice 转byte go_一文告诉你神奇的Go内建函数源码在哪里

Go内建函数源码&#xff0c;我好像在哪里见过你。 - 佚名1. 何为Go内建函数众所周知&#xff0c;Go是最简单的主流编程语言之一&#xff0c;截至Go 1.15版本&#xff0c;Go语言的关键字的规模依旧保持在25个&#xff1a;很多刚入门的gopher可能会问&#xff1a;像bool、byte、e…

modelsim 的高效使用

大概的思路&#xff1a; 1、往modelsim 添加仿真库。 2、将Verilog 文件&#xff0c;testbench文件提出。建好文件夹。比如uart仿真&#xff1a; uart_sim文件夹下&#xff1a;rtl文件夹&#xff0c;test_bench文件夹。test_bench文件夹下sim文件夹。 3、打开modelsim&#xff…

LeetCode 1586. 二叉搜索树迭代器 II(数组+栈)

文章目录1. 题目2. 解题1. 题目 实现二叉搜索树&#xff08;BST&#xff09;的中序遍历迭代器 BSTIterator 类&#xff1a; BSTIterator(TreeNode root) 初始化 BSTIterator 类的实例。 二叉搜索树的根节点 root 作为构造函数的参数传入。 内部指针使用一个不存在于树中且小于…

双光耦开关电源电路图_开关电源光耦的工作原理及典型接法

在一般的隔离电源中&#xff0c;光耦隔离反馈是一种简单、低成本的方式。但对于光耦反馈的各种连接方式及其区别&#xff0c;目前尚未见到比较深入的研究。而且在很多场合下&#xff0c;由于对光耦的工作原理理解不够深入&#xff0c;光耦接法混乱&#xff0c;往往导致电路不能…

LeetCode 1570. 两个稀疏向量的点积(哈希)

文章目录1. 题目2. 解题1. 题目 给定两个稀疏向量&#xff0c;计算它们的点积&#xff08;数量积&#xff09;。 实现类 SparseVector&#xff1a; SparseVector(nums) 以向量 nums 初始化对象。dotProduct(vec) 计算此向量与 vec 的点积。 稀疏向量 是指绝大多数分量为 0 …

matlab 中序列求极值的方法,Matlab中求序列的极值

我们知道&#xff0c;在Matlab中有专门求序列最大值和最小值的函数&#xff0c;分别是Max 和 Min&#xff0c;但是有时候我们不满足于求整个序列的最值&#xff0c;而是对序列的极值&#xff0c;也就是局部的最值感兴趣。对于解析函 数&#xff0c;这个比较简单&#xff0c;只要…