解決tableviewCell覆蓋的問題以及tableviewCell複用原理
先說一下解決辦法:
1.在自定義的tableviewCell的m檔案中,重寫
-(instancetype)initWithStyle:(UITableViewCellStyle)style
reuseIdentifier:(NSString *)reuseIdentifier方法,將控制元件的初
始化放在這裡方法裡面. 並自定義一個函式,為相應的控制元件賦值.
@property (strong, nonatomic) UIButton *iconBtn;
@property (strong, nonatomic) UIButton *productBtn;
@property /**
* 重寫initWithStyle:reuseIdentifier:方法
*
* @param style
* @param reuseIdentifier
*
* @return
*/ 2.在tableview裡的呼叫
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
ProductModel *product = [_page.productArr objectAtIndex:indexPath.row];
_cellIdentifier = @"ReportTableViewCell";
ReportingTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:_cellIdentifier];
if (!cell) {
cell = [[ReportingTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:_cellIdentifier];
}
[cell initData:product];
return cell;
}
接下來展示一下會出現問題的程式碼:
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
ProductModel *product = [_page.productArr objectAtIndex:indexPath.row];
_cellIdentifier = @"ReportTableViewCell";
ReportingTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:_cellIdentifier];
if (!cell) {
cell = [[ReportingTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:_cellIdentifier];
}
UILabel *reportTimeLbl = [[UILabel alloc] initWithFrame:CGRectMake(kScreenWidth - 78, 10, 70, 20)];
reportTimeLbl.text = product.report_time;
[cell.contentView addSubview:reportTimeLbl];
return cell;
}
因為複用,reportTimeLbl會一遍又一遍的去初始化然後新增到cell的contentView上,導致重疊.具體tableviewCell複用原理如下:
===============================這裡是分隔線,下面為轉載內容===============================
============================================================================
TableView的重用機制,為了做到顯示和資料分離,tableView
的實現並且不是為每個資料項建立一個tableViewCell。而是隻建立螢幕可顯示最大個數的cell，然後重複使用這些cell，對cell做單獨的顯示配置，來達到既不影響顯示效果，又能充分節約內容的目的。下面簡要分析一下它的實現原理。
重用實現分析
檢視UITableView標頭檔案，會找到NSMutableArray* visiableCells，和NSMutableDictnery* reusableTableCells兩個結構。visiableCells內儲存當前顯示的cells，reusableTableCells儲存可重用的cells。
TableView顯示之初，reusableTableCells為空，那麼tableView dequeueReusableCellWithIdentifier:CellIdentifier返回nil。開始的cell都是通過[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier]來建立，而且cellForRowAtIndexPath只是呼叫最大顯示cell數的次數。
比如：有100條資料，iPhone一屏最多顯示10個cell。程式最開始顯示TableView的情況是：
1. 用[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier]建立10次cell，並給cell指定同樣的重用標識(當然，可以為不同顯示型別的cell指定不同的標識)。並且10個cell全部都加入到visiableCells陣列，reusableTableCells為空。
2. 向下拖動tableView，當cell1完全移出螢幕，並且cell11(它也是alloc出來的，原因同上)完全顯示出來的時候。cell11加入到visiableCells，cell1移出visiableCells，cell1加入到reusableTableCells。
3. 接著向下拖動tableView，因為reusableTableCells中已經有值，所以，當需要顯示新的cell，cellForRowAtIndexPath再次被呼叫的時候，tableView dequeueReusableCellWithIdentifier:CellIdentifier，返回cell1。cell1加入到visiableCells，cell1移出reusableTableCells；cell2移出visiableCells，cell2加入到reusableTableCells。之後再需要顯示的Cell就可以正常重用了。
所以整個過程並不難理解，但需要注意正是因為這樣的原因：配置Cell的時候一定要注意，對取出的重用的cell做重新賦值，不要遺留老資料。
一些情況
使用過程中，我注意到，並不是只有拖動超出螢幕的時候才會更新reusableTableCells表，還有：
1. reloadData，這種情況比較特殊。一般是部分資料發生變化，需要重新重新整理cell顯示的內容時呼叫。在cellForRowAtIndexPath呼叫中，所有cell都是重用的。我估計reloadData呼叫後，把visiableCells中所有cell移入reusableTableCells，visiableCells清空。cellForRowAtIndexPath呼叫後，再把reuse的cell從reusableTableCells取出來，放入到visiableCells。
2. reloadRowsAtIndex，重新整理指定的IndexPath。如果呼叫時reusableTableCells為空，那麼cellForRowAtIndexPath呼叫後，是新建立cell，新的cell加入到visiableCells。老的cell移出visiableCells，加入到reusableTableCells。於是，之後的重新整理就有cell做reuse了。