ScrollView 两个控件复用, ScrollView 的极限优化

通常的 scrollView 用来进行轮播图的展示.网易新闻中标签对应的页面切换展示

举个栗子:

ScrollView 两个控件复用, ScrollView 的极限优化_第1张图片

分析:

创建容器 reusedViewControllers 来存放可以重用的 视图
创建容器 visibleViewControllers 来存放屏幕中显示的 视图

scrollView 出现的时候,

首先需要在屏幕中显示一张完整的视图,此刻 做两件事

1.将视图 1 添加到 scrollView
2.将视图 1 添加到visibleViewControllers进行保存

一个视图->二个视图

如果向左滑动,会出现 两个视图 的情况, 视图2 也需要加入显示.当开始滑动的那一刻,做三件事情.

  1. 在 (存放重用的 VC )reusedViewControllers中查找可重用的 VC, 如果没有找到就创建一个,存在得到的就是视图2 .

2.将视图2 添加到(可见的)visibleViewControllers中进行保存,如果视图2 是在reusedViewControllers中找到的(不是创建的),那么需要将视图2从reusedViewControllers中移除,相当于将视图2从reusedViewControllers移动到了visibleViewControllers.
3.将视图2添加到 scrollView 中进行个性设置

二个视图-->一个视图

如果继续左滑动,直到视图1看不见的那一刻,也做三件事情

1.讲视图1从 scrollView 中移除removeFromSuperview
2.讲视图1放进reusedViewControllers 中 等待被重用
3.将视图1中visibleViewControllers中移除 ,因为它已经属于 reusedViewControllers中了

直接上代码:

ScrollView 两个控件复用, ScrollView 的极限优化_第2张图片
4B4707C0-1374-4D23-A362-6E31BEC09D03.png

懒加载


ScrollView 两个控件复用, ScrollView 的极限优化_第3张图片
BD20777D-54B8-41A2-8ABD-90045338FDC5.png
ScrollView 两个控件复用, ScrollView 的极限优化_第4张图片
3C83B2C8-8480-422B-A749-86C996F36718.png
ScrollView 两个控件复用, ScrollView 的极限优化_第5张图片
E6A43A6B-9FBD-4C3F-80FD-08FDA7B9478E.png
ScrollView 两个控件复用, ScrollView 的极限优化_第6张图片
2679759D-AC44-4C41-8CC6-C29C26582E2C.png
ScrollView 两个控件复用, ScrollView 的极限优化_第7张图片
263E9DA7-1597-4B4A-B23E-6BBEA3144267.png
ScrollView 两个控件复用, ScrollView 的极限优化_第8张图片
2DE12586-F211-47D8-BE0D-1AB9CF201214.png

懒得敲代码了,直接截图了.凑合看吧...

ScrollView 两个控件复用, ScrollView 的极限优化_第9张图片
2222.gif

然后我们看打印的信息:

ScrollView 两个控件复用, ScrollView 的极限优化_第10张图片
6D7ACB64-8651-4F9A-BDE7-D9C2C962D485.png

从打印信息 可以看出来 ScrollView 中有两个子控件 (隐藏竖直,水平滚动条的情况下)
两个控件的内存地址都是重复 的

这个适用于 imageView / tableView/ controller
可以用作来轮播图,

代码下载

你可能感兴趣的:(ScrollView 两个控件复用, ScrollView 的极限优化)