【重新整理】关于Objective-C中UIScrollView的使用总结

【【重新整理】关于Objective-C中UIScrollView的使用总结】前言:由于之前很早写的关于【iOS 关于UIScrollView的几点总结】,是从自己的markdown笔记直接拷贝过来后也没有整理,所以在阅读上显得有点乱, 今天花时间重新整理排版了下,方便阅读。还请见谅这么久才重新整理。
1、什么是 UIScrollView ?
  • 当手机屏幕需要展示的内容较多超出一个屏幕时,用户可以通过滚动手势来查看屏幕以外的内容。
  • 普通的 UIView 不具备滚动的功能,UIScrollView 是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容。
2、UIScrollView 的常见属性
  • UIScrollView 滚动的位置
  • 内容左上角与 ScrollView 左上角的间距值
@property (nonatomic) CGPoint contentOffset;

【重新整理】关于Objective-C中UIScrollView的使用总结
文章图片
image
  • UIScrollView 内容的尺寸, 滚动范围
@property (nonatomic) CGSize contentSize;

  • UIScrollView 的4周增加额外的滚动区域,一般用来避免 ScrollView 的内容被其它控件挡住
@property (nonatomic) UIEdgeInsets contentInset;

3、UIScrollView 各尺寸
【重新整理】关于Objective-C中UIScrollView的使用总结
文章图片
image
4、UIScrollView 的其他属性
  • 回弹效果
@property (nonatomic) BOOL bounces; // 取消回弹效果 self.scrollView.bounces = NO;

  • 是否能滚动
@property (nonatomic, getter = isScrollEnabled) BOOL scrollEnabled;

  • 是否显示水平滚动条
@property (nonatomic) BOOL showsHorizontalScrollIndicator;

  • 是否显示垂直滚动条
@property (nonatomic) BOOL showsVerticalScrollIndicator;

5、 UIScrollView 的基本使用
  • 设置 UIScrollView的contentSize 属性,告诉 UIScrollView 所有内容的尺寸,也就是告诉它滚动的范围
  • UIScrollView 使用步骤
    • 创建 UIScrollView;
    • 将需要展示的内容添加到 UIScrollView 中;
    • 设置 UIScrollView 的滚动范围(contentSize)。
  • 注意:如果想让 UIScrollView 进行滚动,必须设置可以滚动的范围,必须设置可以滚动的范围
  • 一个控件没有设置 frame ,默认 x/y 都是 0
6、ScrollView 不能滚动的几种情况
  • 没有设置 contentSize
    • scrollEnabled 属性 = NO ; // 代表控件不可用
    • userInteractionEnabled 属性 = NO; // 代表控件不能和用户交互
【重新整理】关于Objective-C中UIScrollView的使用总结
文章图片
image
7、如何去掉滚动条
self.scrollView.showsHorizontalScrollIndicator = NO; self.scrollView.showsVerticalScrollIndicator = NO;

  • 注意:滚动条也是 scrollValue 的子控件的一部分
    • 滚动条可能在子控件的前面,也可能在子控件的后面
  • 正是因为这个原因,在开发中不推荐使用 subviews 获取子控件的方式
  • 当没有设置 contentSize 情况下,滚动条在其它子控件的前面打印,当设置了contentSize 情况下,滚动条在其它子控件后面打印,这说明了滚动条的位置是不确定的。
【重新整理】关于Objective-C中UIScrollView的使用总结
文章图片
image
  • 设置滚动条的样式
// default is UIScrollViewIndicatorStyleDefault @property (nonatomic) UIScrollViewIndicatorStyleindicatorStyle;

  • 默认情况下UIScrollView有一个回弹效果
    • 只要设置了contentSize就有回弹效果
// 回弹效果 // default YES. if YES, bounces past edge of content and back again @property (nonatomic) BOOL bounces;

  • 默认如果不设置 contentSize,scrollView是没有回弹效果的,可是如果设置了self.scrollView.alwaysbounceVertical = YES & self.scrollView.alwaysBounceHorizontal = YES的情况下,水平和垂直方向就都有了回弹效果
    • 一般应用于下拉刷新功能
【重新整理】关于Objective-C中UIScrollView的使用总结
文章图片
image
  • 设置边距
  • contentInset(额外增加的边距)
@property(nonatomic)UIEdgeInsetscontentInset; // default UIEdgeInsetsZero. add additional scroll area around content

  • 设置内容偏移位
    • contentOffset (移动的位置是一个临时的位置,只要轻轻拖拽一下就会回到默认的位置)
  • 计算公式:永远都是 控件的左上角 - 内容的左上角 = 规定的值
// animate at constant velocity to new offset - (void)setContentOffset:(CGPoint)contentOffset animated:(BOOL)animated;

8、UIScrollView代理
  1. 如何监听一个控件的变化/状态
  • 首先需要查看该控件的头文件,看它继承于谁
  • 如果继承于UIControl,那么就可以通过addTarget来监听
  • 如果继承于UIView,那么就必须通过代理来监听
  1. 代理作用:
  • A 对象想监听 B 对象的变化,那么可以让 A 成为 B 的代理
  • B 对象发生一些变化想通知 A对象,那么可以让 A 成为 B 的代理
  • self 写在对象方法中就是当前对象的实例对象
  1. 代理协议的规律:
  • 定义代理都使用 id ,这样以后就任意对象都能成为代理(学官方)
  • 以控件的类名开头,后面加上 delegate
  • 代理协议可以写在 interface() 后面,也可以写在类扩展后面,都是可以的
  1. 代理协议中的方法名的规律:
  • 一般以控件名称去掉类前缀开头
  1. 代理协议中的方法参数的规律:
  • 谁触发事件,就将谁传递进来
  1. 如何监听 UIScrollView 的变化
  • 成为UIScrollView的代理
  • 遵守UIScrollView的协议
  • 实现UIScrollView协议中的方法
  1. 只要成为了 UIScrollView 的代理,遵守代理协议,实现协议中的方法,当UIScrollView放生一些变化的时候,系统就会自动调用这些代理方法
  • scrollViewDidScroll: 方法只要 UIScrollView 滚动了,系统就会自动调用
// 只要UIScrollView滚动就会调用 // 系统会自动调用这些方法 - (void)scrollViewDidScroll:(UIScrollView *)scrollView; // any offset changes// 只要用户准备开始拖拽就会调用 // called on start of dragging (may require some time and or distance to move) - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView; // 用户停止拖拽(已经松手) // 但是并不意味着UIScrollView已经停止滚动了,每次调用此方法时,系统都会传入一个当前是否有惯性的参数(decelerate) - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate; // UIScrollView停止减速 - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView; // called when scroll view grinds to a halt

  1. 注意:
  • 如果想在 UIScrollView 停止滚动之后做一些操作,有以下两种情况:
    • 没有惯性:只会调用停止拖拽的方法,不会调用停止减速的方法
    • 有惯性:既会调用停止拖拽的方法,也会调用停止减速的方法
  • 所以:以后要判断UIScrollView是否停止滚动,需要同时重写两个方法:
    • scrollViewDidEndDragging
    • scrollViewDidEndDecelerating
// 在开发中如果需要监听scrollView滚动是否停止可以这样写 - (void)scrollViewDidEndDragging:(nonnull UISrollView *)scrollView willDecelerate:(BOOL)decelerate { if (decelerate == NO) { [self scrollViewDidEndDecelerating:scrolView]; } else {} }- (void)scrollViewDidEndDecelerating:(nonnull UIScrollView *)scrollView { // 在这里面写scrollView停止时需要做的事情 NSLog(@"UIScrollView停止滚动了"); }

  1. 为什么代理要用 weak
  • 任何对象都能成为代理,只要两者之间遵守了代理协议即可
  • 原因:为了防止循环引用
  • 控制器-强引用 -> 控制器的 View-强引用 -> subViews数组-强引用 -> UIScrollView-弱引用 -> 控制器
  • 如果只有一个控制器的情况,程序一启动就创建的这个控制器是不会被释放的(如果它被释放,它所执行的逻辑肯定不能被执行 )
  • 只要数组中保存了对象,这个数组就会用强指针指向了这个对象
  • strong (用于对象, 强指针, 强引用)
  • weak(用于对象, 一般应用于控件/代理)
  • copy(用于对象, 字符串, 主要为了防止外界修改内部的属性的值)
  • assign(用于基本数据类型,int/float/double...)
【重新整理】关于Objective-C中UIScrollView的使用总结
文章图片
image
9、UIScrollView 缩放
  1. 要想缩放,除了告诉 UIScrollView 要缩放哪一个控件以外,还要告诉UIScrollView 最小能缩多小,最大能放多大
  • 因为所有的子控件都是我们添加进去的,所以要缩放哪一个我们最清楚
  • 只要让控制器成为 UIScrollView 的代理,当 UIScrollView 不清楚要缩放哪一个控件的时候, UIScrollView 就会调用它的代理方法,问问代理到底要缩放哪一个
self.sc.maximumZoomScale = 2.0; self.sc.minimumZoomScale = 0.5;

  1. 缩放图片分为两步
  • 成为代理,通过代理方法告诉 UIScrollView 要缩放哪一个子控件
  • 设置子控件和最小的缩放比
  1. 想要缩放,必须明确告诉 UIScrollView 要缩放哪一个控件,因为 UIScrollView中可能有很多子控件
// 代理方法 // 大部分代理方法是由控件名开头,小部分不是 // 在此方法中告诉UIScrollView要缩放哪一个控件 - (UIView *)viewForZoomingInScrollView:(nonnull UISCrollView *)scrollView { return 需要缩放的图片 }// 缩放的过程中调用 - (void)scrlooViewDidZoom:(nonnull UIScrollView *)scrolView { }// 缩放结束时调用 - (void)scrollViewDidEndZooming:(nonnull UIScrollView *)scrollView withView:(nullable UIView *)view atScale:(CGFloat)scale { }

10、UIScrollView
  1. 一个控件如果没有设置 frame ,默认 x/y就是 0
  2. 如果想让 UIScrollView 进行滚动,必须设置可以滚动的范围
  • 将需要展示的内容添加到 UIScrollView
  • 设置 UIScrollViewcontentSize 属性,设置滚动范围
self.scrollView.contentSize = CGSizeMake(self.scrollView.frame.size.width + 100, self.scrollView.frame.size.height + 100);

  1. 注意:scrollView不能滚动的几种情况
  • 没有设置contentSize
  • scrollEnabled 属性 = NO (代表控件是否可用)
  • userINteractionEnabled属性 = NO (代表控件不能和用户交互,不能响应用户操作)
11、UIScrollView 使用步骤
  1. 创建 UIScrollView
  2. 将需要展示内容添加到 UISCrollView
  3. 设置 UISCrollView 的滚动范围(contentSize)
12、UIScrollView 图片轮播器
  1. pagingEnabled 实现分页的本质,是按照 UIScrollView 的宽度或者高度来分页的.

    推荐阅读