iOS 关于UIScrollView的几点总结

- 什么是UISCrollView

+ 当手机屏幕需要展示的内容较多超出一个屏幕时,用户可以通过滚动手势来查看屏幕以外的内容

+ 普通的UIView不具备滚动的功能,UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容

---

#### UIScrollView的常见属性

- UIScrollView滚动的位置

+ 内容左上角与scrollView左上角的间距值

```objc

@property (nonatomic) CGPoint contentOffset;

```

- UIScrollView内容的尺寸,滚动范围

```objc

@property (nonatomic) CGSize contentSize;

```

- 在UIScrollView的4周增加额外的滚动区域,一般用来避免scrollView的内容被其它控件挡住

```objc

@property (nonatomic) UIEdgeInsets contentInset;

```

- UIScrollView各尺寸


---

#### UIScrollView的其他属性

- 回弹效果

```objc

@property (nonatomic) BOOL bounces;

// 取消回弹效果

self.scrollView.bounces = NO;

```

- 是否能滚动

```objc

@property (nonatomic, getter = isScrollEnabled) BOOL scrollEnabled;

```

- 是否显示水平滚动条

```objc

@property (nonatomic) BOOL showsHorizontalScrollIndicator;

```

- 是否显示垂直滚动条

```objc

@property (nonatomic) BOOL showsVerticalScrollIndicator;

```

---

#### UIScrollView的基本使用

- 设置UIScrollView的contentSize属性,告诉UIScrollView所有内容的尺寸,也就是告诉它滚动的范围

- **`UIScrollView使用步骤`**

+ **`1.创建UIScrollView`-**

+ **`2.将需要展示的内容添加到UIScrollView中`**

+ **`3.设置UIScrollView的滚动范围(contentSize)`**

- 注意:如果想让UIScrollView进行滚动,必须设置可以滚动的范围,必须设置可以滚动的范围

+ 一个控件没有设置frame,默认x/y都是0

- `scrollView不能滚动的几种情况`

+ 没有设置contentSize

+ scrollEnabled属性 = NO; // 代表控件不可用

+ userInteractionEnabled属性 = NO; // 代表控件不能和用户交互

- 如何去掉滚动条

```objc

self.scrollView.showsHorizontalScrollIndicator = NO;

self.scrollView.showsVerticalScrollIndicator = NO;

```

- `注意:滚动条也是scrollValue的子控件的一部分`

+ `滚动条可能在子控件的前面,也可能在子控件的后面`

+ 正是因为这个原因,在开发中不推荐使用subviews获取子控件的方式

* 当没有设置contentSize情况下,滚动条在其它子控件的前面打印,当设置了contentSize情况下,滚动条在其它子控件后面打印,`这说明了滚动条的位置是不确定的`

- 设置滚动条的样式

```objc

@property(nonatomic)        UIScrollViewIndicatorStyle  indicatorStyle;                // default is UIScrollViewIndicatorStyleDefault

```

- 默认情况下UIScrollView有一个回弹效果

+ 只要设置了contentSize就有回弹效果

```objc

// 回弹效果

@property(nonatomic)        BOOL                        bounces;                        // default YES. if YES, bounces past edge of content and back again

```

- 默认如果不设置contentSize,scrollView是没有回弹效果的,可是如果设置了`self.scrollView.alwaysbounceVertical = YES & self.scrollView.alwaysBounceHorizontal = YES `的情况下,水平和垂直方向就都有了回弹效果

+ 一般应用于下拉刷新功能

- 设置边距

+ contentInset(额外增加的边距)

```objc

@property(nonatomic)        UIEdgeInsets                contentInset;                  // default UIEdgeInsetsZero. add additional scroll area around content

```

- 设置内容偏移位

+ contentOffset(移动的位置是一个临时的位置,只要轻轻拖拽一下就会回到默认的位置)

* 计算公式:永远都是 `控件的左上角 - 内容的左上角 = 规定的值`

```objc

- (void)setContentOffset:(CGPoint)contentOffset animated:(BOOL)animated;  // animate at constant velocity to new offset

```

---

#### UIScrollView代理

- 如何监听一个控件的变化/状态

+ 首先需要查看该控件的头文件,看它继承于谁

* `如果继承于UIControl,那么就可以通过addTarget来监听`

* `如果继承于UIView,那么就必须通过代理来监听`

- 代理作用:

+ 当A对象想监听B对象的变化,那么可以让A成为B的代理

+ 当B对象发生一些变化想通知A对象,那么可以让A成为B的代理

* self写在对象方法中就是当前对象的实例对象

- 代理协议的规律:

+ 定义代理都使用id,这样以后就任意对象都能成为代理(学官方)

+ 以控件的类名开头,后面加上delegate

+ 代理协议可以写在interface()后面,也可以写在类扩展后面,都是可以的

- 代理协议中的方法名的规律:

+ 一般以控件名称去掉类前缀开头

- 代理协议中的方法参数的规律:

+ `谁触发事件,就将谁传递进来`

- `如何监听UIScrollView的变化`

+ `1.成为UIScrollView的代理`

+ `2.遵守UIScrollView的协议`

+ `3.实现UIScrollView协议中的方法`

- 只要成为了UIScrollView的代理,遵守代理协议,实现协议中的方法,当UIScrollView放生一些变化的时候,系统就会自动调用这些代理方法

+ scrollViewDidScroll:方法只要UIScrollView滚动了,系统就会自动调用

```objc

// 只要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

```

- 注意:

+ 如果想在UIScrollView停止滚动之后做一些操作,有以下两种情况:

* 没有惯性:只会调用停止拖拽的方法,不会调用停止减速的方法

* 有惯性:既会调用停止拖拽的方法,也会调用停止减速的方法

+ 所以:以后要判断UIScrollView是否停止滚动,需要同时重写两个方法:

* scrollViewDidEndDragging

* scrollViewDidEndDecelerating

```objc

// 在开发中如果需要监听scrollView滚动是否停止可以这样写

- (void)scrollViewDidEndDragging:(nonnull UISrollView *)scrollView willDecelerate:(BOOL)decelerate

{

if(decelerate == NO){

[self scrollViewDidEndDecelerating:scrolView];

}else{

}

}

- (void)scrollViewDidEndDecelerating:(nonnull UIScrollView *)scrollView

{

// 在这里面写scrollView停止时需要做的事情

NSLog(@"UIScrollView停止滚动了");

}

```

- `为什么代理要用weak`

+ 任何对象都能成为代理,只要两者之间遵守了代理协议即可

+ `原因:为了防止循环引用`

+ 控制器-强引用 -> 控制器的View-强引用 -> subViews数组-强引用 -> UIScrollView-弱引用 ->  控制器

+ `如果只有一个控制器的情况,程序一启动就创建的这个控制器是不会被释放的`(如果它被释放,它所执行的逻辑肯定不能被执行 )

+ 只要数组中保存了对象,这个数组就会用强指针指向了这个对象

* **`strong (用于对象, 强指针, 强引用)`**

* **`weak(用于对象, 一般应用于控件/代理)`**

* **`copy(用于对象, 字符串, 主要为了防止外界修改内部的属性的值)`**

* **`assign(用于基本数据类型,int/float/double...)`**

---

#### UIScrollView缩放

- 要想缩放,除了告诉UIScrollView要缩放哪一个控件以外,还要告诉UIScrollView最小能缩多小,最大能放多大

+ 因为所有的子控件都是我们添加进去的,所以要缩放哪一个我们最清楚

+ 只要让控制器成为UIScrollView的代理,当UIScrollView不清楚要缩放哪一个控件的时候,UIScrollView就会调用它的代理方法,问问代理到底要缩放哪一个

```objc

self.sc.maximumZoomScale = 2.0;

self.sc.minimumZoomScale = 0.5;

```

- 缩放图片分为两步

+ 成为代理,通过代理方法告诉UIScrollView要缩放哪一个子控件

+ 设置子控件和最小的缩放比

- 想要缩放,必须明确告诉UIScrollView要缩放哪一个控件,因为UIScrollView中可能有很多子控件

```objc

// 代理方法

// 大部分代理方法是由控件名开头,小部分不是

// 在此方法中告诉UIScrollView要缩放哪一个控件

- (UIView *)viewForZoomingInScrollView:(nonnull UISCrollView *)scrollView{

return 需要缩放的图片

}

// 缩放的过程中调用

- (void)scrlooViewDidZoom:(nonnull UIScrollView *)scrolView{

}

// 缩放结束时调用

- (void)scrollViewDidEndZooming:(nonnull UIScrollView *)scrollView withView:(nullable UIView *)view atScale:(CGFloat)scale{

}

```

---

#### UIScrollView

- 一个控件如果没有设置frame,默认x/y就是0

- 如果想让UIScrollView进行滚动,必须设置可以滚动的范围

+ 将需要展示的内容添加到UIScrollView中

+ 设置UIScrollView的contentSize属性,设置滚动范围

```objc

self.scrollView.contentSize = CGSizeMake(self.scrollView.frame.size.width + 100, self.scrollView.frame.size.height + 100);

```

- `注意:`scrollView不能滚动的几种情况

+ 没有设置contentSize

+ scrollEnabled属性 = NO  (代表控件是否可用)

+ userINteractionEnabled属性 = NO (代表控件不能和用户交互,不能响应用户操作)

---

##### UIScrollView使用步骤

- 创建UIScrollView

- 将需要展示内容添加到UISCrollView中

- 设置UISCrollView的滚动范围(contentSize)

#### UIScrollView图片轮播器

- pagingEnabled实现分页的本质,是按照UIScrollView的宽度或者高度来分页的

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,222评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,455评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,720评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,568评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,696评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,879评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,028评论 3 409
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,773评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,220评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,550评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,697评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,360评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,002评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,782评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,010评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,433评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,587评论 2 350

推荐阅读更多精彩内容