ios-UI常见问题之TableView异步加载图片错乱显示

最新推荐文章于 2020-12-22 00:42:02 发布

xhl916235259

最新推荐文章于 2020-12-22 00:42:02 发布

阅读量3.4k

点赞数

分类专栏： UITableView---自定义cell图片的加载 UITableView---自定义cell 文章标签： ios 异步图片 UITableView

本文链接：https://blog.csdn.net/xhl916235259/article/details/48898989

版权

UITableView---自定义cell 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

UITableView---自定义cell图片的加载

0 篇文章 0 订阅

订阅专栏

首先得要知道为什么会出现这个原因关于uitableview自定义cell与重用机制探究

比如：1、TableView一次只能显示5行的图片，在所有图片都加载完后，滚动TableView，让隐藏在下面的行显示在屏幕上，而这些行（比如6行）的图像会先显示第1行的图片，然后在显示属于它自己的图片。以此类推，后面的行都会出现这样的问题！！即使我们在所有行的图片都还没有下载完成的时候，滚动TableView，让第11行、12行等出现在屏幕上，但它们依旧会先显示错误的图片，然后再显示正确的图片。

iphone重用机制是苹果为了实现大量数据显示而采用的一种节省内存的机制，比如在UITableView和ScrollView 等地方。为什么要“可重用”？？？对于我们的项目来说，内存控制是必不可少的，如果一个tableview有几百个cell，这个内存消耗是很大的，而且有些cell里面都有image之类的很占内存的资源存在的话，那这样很容易出现memory warning甚至crash掉，这不是我们想要看到的。对此，tableview实现了它自己的管理方法dequeueReusableCellWithIdentifier（ps:我们在某些项目中scrollview来显示很多张image，在scrollview滑动中也要这样处理，来避免内存的过度消耗，只不过tableview它已经实现了这个方法，而不用我们自己去写）。

但是在实际使用过程中，会有以下问题：

1、（苹果文档中不鼓励我们在UITableViewCell中添加subView，最好采用自定义Cell，将需要的SubView添加到Cell当中。）使用addSubView在每项上添加视图的时候会有重叠的现象。例如，UITableView中的Cell ，如果在cell上添加子视图，则在使用苹果的重用机制的时候，会重现子试图重叠的现象。或出现开头提到的两个问题。如果在数据量不是很多的时候，可以手动屏蔽掉UITableView的重用机制。

这里不得不提一下UITableView的重用机制：

UITableView的重用机制的实现关键在于下面这个的函数：

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

首先，我们要清楚这一点，这个函数是做什么的，它的文档说明如下：
returns a reusable table-view cell object located by its identifier。它返回的是一个受identifier管理定位的可重用的tableViewCell，这里重点就在于“可重用”这3个字上。

我们来看它的实现方法，举个例子来说，在系统刚启动时，tableview可以显示多少个cell，在这里我们假定为10个，在刚开始的时候tableview会生成10个tableviewcell，并且对应有自己的tag值，假定为0－9。（ps：苹果官方的视频中也提到了，尽量避免频繁的add／remove view或者控件之类等。自定义啊自定义，相对于Android 空间的自定义，）所以采用下面的方法来实现：在tableview向上滚动的时候，tag为0的cell将不再显示；然后我们把tag为0的cell移动到tag为9的cell下面，重新设置相关的属性，然后将tag为1的cell移动到tag为0的cell下面……依此类推。这也就是所谓的“可重用”。

CellIdentifier 组别，行数不一样) 只要咱们干掉重用机制就可以很好的解决这个问题(组别，行数不一样)

NSString *CellIdentifier = [NSString stringWithFormat:@"cell%d",indexPath.row];

   UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
      if (cell == nil)

                {
     ........
   }
         else{
                  return cell;
   }