tableViewCell嵌套collectionViewCell,collectionViewcell復用的布局混亂/重疊問題

一、寫在開頭的話,為節省資源,請遵守APPLE的原則:
原則1、CELL一定要復用
原則2、identifier也要相同一致
原則3、請參考以上原則

二、重用機制問題思考?

首先如果你是apple,你不希望一個應用里面有太多cell對象,影響內存,如果上百個cell,如果按view的方式,那么就有上百個實例對象。 apple肯定是不希望這么做的,不符合設計思想,如果是你,你會怎么做? 這個問題對于有些數量比較多的cell是必須解決的。

那么我如果是apple,我會想, 對于設備而言,物理尺寸是限制了的,首先我必須創建屏幕尺寸所容納的個數的cell ,這點沒辦法改變 。 但是在下滑的時候,將要展示更多cell的時候,我事先不會全部加載出來,對于內存壓力太大, 那么,我就預先展示一個就可以了,作為響應的緩沖。

三、直接上代碼,很感謝Simpon提供的思路(http://bbs.itheima.com/thread-331532-1-1.html?iosxp

1,移除UIButton、UIImageView,UILabel
給自定義添加的Button添加一個tag 。根據tag移除
2,創建新UIButton、UIImageView,UILabel
創建新Button的時候,我也添加相同的tag,為了下次復用的時候,好移除
3, 添加到cell

(一)、Controller.swift 關鍵部份

  override func viewDidLoad() {
        super.viewDidLoad()
        
           self.clearsSelectionOnViewWillAppear = true
        
       // self.tableView.cont = UIColor.lightGray
        self.tableView.tableFooterView?.frame = CGRect.zero
        self.tableView.emptyDataSetSource = self
        self.tableView.emptyDataSetDelegate = self
        
        // 手工建立 tableViewCell的話,就要注冊 cell 了
        tableView.register(LotteryHotCell.self, forCellReuseIdentifier: "HotCell")
        tableView.estimatedRowHeight = 150.0
        tableView.rowHeight = UITableViewAutomaticDimension
        tableView.tableFooterView = UIView()
        tableView.separatorStyle = .none
      
        
        // 加載數據
        initData(isPullUp: false)
        // 刷新數據
        initRefresh()
        // 視圖自動調整
        self.view.layoutIfNeeded()
    }

 override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        
        // FIXME: 不重用表格數據 數據多的放可以升級為 collectionView 06.07.2017 ,但會嚴重卡屯,要升級
        
            let  cell = tableView.dequeueReusableCell(withIdentifier: "HotCell", for: indexPath) as! LotteryHotCell
            cell.lotteryHotDataList = self.lotteryHotViewModel.lotteryHotDataList[indexPath.row]
            cell.frame = tableView.bounds
            cell.layoutIfNeeded()
            return cell

    }

(二)、tableViewCell 部份

import UIKit
import SwifterSwift

class HotCell: UITableViewCell,UICollectionViewDelegate, UICollectionViewDataSource,UICollectionViewDelegateFlowLayout {


   // 初始化
    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)

 self.collectionView = UICollectionView(frame: CGRect(x: 8, y: 40, width:kScreenW - 30, height: 40), collectionViewLayout: layout)
      
        self.whiteView.addSubview(collectionView)
        collectionView.backgroundColor = UIColor.white
// MARK: -  注冊collectionViewCell
        collectionView.register(HotCollectionViewCell.self, forCellWithReuseIdentifier: "HotCellColl")
        collectionView.isScrollEnabled = false
        collectionView.dataSource = self
        collectionView.delegate = self
}

}
extension HotCell {

 func collectionView(_ collectionView: UICollectionView,
                        numberOfItemsInSection section: Int) -> Int {
 
        return self.preDrawCodeArr?.count ?? 0
    }

}
 
// 解決UICollectionViewCell/UITableViewCell因重用機制導致的錯亂問題
    func collectionView(_ collectionView: UICollectionView,
                        cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        //  print("***",self.lotCode.description,"***")
        
        // MARK:  Method 1 -  代碼顯示完全正確
        /*
         let cell  = collectionView.dequeueReusableCell(withReuseIdentifier: "HotCellColl",for: indexPath) as! LotteryHotCollectionViewCell
         cell.preDrawCode.text = self.preDrawCodeArr![indexPath.item] as? String
         return cell
         */
        
        // FIXME: Method 2  - 圖片待修復! 06.10 修復 
        let  identifier = "HotCellColl"
        
        let cell: HotCollectionViewCell? = collectionView.dequeueReusableCell(withReuseIdentifier: identifier, for: indexPath)  as? HotCollectionViewCell
        
        // 先移除舊的
        for subView: UIView in cell!.subviews {
            if subView.tag == 20001 || subView.tag == 20002 {
                subView.removeFromSuperview()
            }
        }
        
        // FIXME:加入新的 ,這個非常關鍵
        cell?.addButton()
        
        // 顯示 
        switch self.lotCode {
        case 10001,10037:
             cell?.preDrawCodeImage?.image = UIImage(named: "J\(self.preDrawCodeArr![indexPath.item])")
        case 10009:
         cell?.preDrawCodeImage?.image = UIImage(named: "M\(self.preDrawCodeArr![indexPath.item])")
          case 10007:
         cell?.preDrawCodeImage?.image = UIImage(named: "D\(self.preDrawCodeArr![indexPath.item])")
        default:
            cell?.preDrawCode.text = self.preDrawCodeArr![indexPath.item] as? String
        }
        return cell!
  }

(三)、collectionViewCell部份

override init(frame: CGRect) {
        super.init(frame: frame)
        addButton()
    }
    
    // MARK: -  這個方法要 暴露出來 給重用CELL時的方法 以供使用 by apiapia ON 06.10.2017
    func addButton(){
    
        getPreDrawCode()
        getPreDrawCodeImage()
        
    }
  func getPreDrawCode(){
         preDrawCode = UILabel.init(frame: CGRect(x: 1, y: 1, width: 25, height: 25))
        preDrawCode.tag = 20002
        self.preDrawCode.font = UIFont.systemFont(ofSize: 13)
        self.preDrawCode.textColor = UIColor.white
        self.preDrawCode.backgroundColor = UIColor(red: 45, green: 128, blue: 206)
        self.preDrawCode.textAlignment = NSTextAlignment.center
        self.preDrawCode.layer.cornerRadius = self.preDrawCode.size.width/2
        self.preDrawCode.layer.masksToBounds = true
        self.addSubview(preDrawCode)
        
        
    }

寫在最后的話,因為,項目為公司項目,無法貼出所有代碼,只能上關鍵部份代碼,但這幾個已經可以解決表格重用CELL重疊或者CELL個數不一致的問題了,希望對你有用_

-- MARK by apiapia chan on 06.10.2017

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,431評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,637評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,555評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,900評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,629評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,976評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,976評論 3 448
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,139評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,686評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,411評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,641評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,129評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,820評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,233評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,567評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,362評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,604評論 2 380

推薦閱讀更多精彩內容